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'
  }