social-media-feeds v0.0.2

Social Media Feeds

Angular component to display social media feeds of Twitter, Instagram and Facebook.

How to use

Install the package with npm command

import in you app.module.ts

import { SocialMediaFeedsModule } from 'social-media-feeds';

imports: [SocialMediaFeedsModule]

1) Twitter Configuration

Example

In your .html file

<ad-social-media-feeds [twitterConfig]="twitter_config"></ad-social-media-feeds>

In your .ts file

twitter_config = {
    username: "AIMDekTech",
    type: "profile",
    height : '500px',
    width : '300px'
  };

Options : -

a) For profile feeding

twitter_config = {
    username: "AIMDekTech",
    type: "profile",
    height : '500px',
    width : '300px'
};

b) For List feeding

twitter_config = {
    username: "AIMDekTech",
    slug : "YOUR SLUG",
    type: "list",
    height : '500px',
    width : '300px'
};

c) For collection feeding

twitter_config = {
    username: "AIMDekTech",
    collectionId : "YOUR COLLECTION ID",
    type: "collection",
    height : '500px',
    width : '300px'
};

d) For Like feeding

twitter_config = {
    username: "AIMDekTech",
    type: "like",
    height : '500px',
    width : '300px'
};

2) Instagram Configuration

Example

In your .html file

<ad-social-media-feeds [instaConfig]="insta_config"></ad-social-media-feeds>

In your .ts file

insta_config = {
    target: 'instafeed',
    get: 'user',
    userId: 'YOUR USER ID', //1223344
    accessToken: 'YOUR ACCESS TOCKEN',
    limit: '60',
    link: 'true',
    template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a><br><span>{{caption}}</span><br>',
    resolution: 'standard_resolution',
        after : function() {  console.log('a'); }
  };

we are using Instafeed.js

For more detailed documentation visit http://instafeedjs.com/.

3) Facebook Configuration

Example

In your .html file

<ad-social-media-feeds [facebookConfig]="facebookConfig"></ad-social-media-feeds>

In your .ts file

 facebookConfig = {
    pageName : 'aimdektechnologies',
    appId : 'YOUR APP ID'
  }