Smart Social Feed

Introduction

Convert profile to page

Due to Facebook’s privacy policy, we are not able to use the addon to get all of your posts from the personal profile, only from a public page, as posts from a personal profile are protected for privacy reasons of Facebook.

If you’re using the profile to represent a business, product, organization, public figure, or something else other than yourself, then we had advise converting your profile to a page per Facebook’s recommendation: http://www.facebook.com/help/175644189234902/

There are many advantages to using pages over the profiles. It is in fact against Facebook policies to use a profile to represent something other than yourself. See “Why should I convert my profile to a page” in the above link.

Steps to create the page from Profile.

1. Go to Create a Facebook Page Based on Your Profile.
2. Click on the “Get Started” button.
3. Select the appropriate category for your business page.
   
4. Select the “Friends” and “Followers” for your page.
   
5. Select the “Videos”, “Photos” and the “Albums’ for your page.
   
6. Finally, click on the “Create Page” button.
   

Once you have converted to a page then the addon will be able to retrieve and display all of your posts.

Link your instagram to facebook

Before you start you need to do something very first to work with the Instagram feed.

Essentials setups you need.

1. You have an Instagram creator account or Instagram business account.
2. Need to connect the Facebook page to that account.

Set up a Business Account on Instagram.

First of all, download the Instagram app on your mobile and create an account.

Follow the steps to create the Instagram account.

If you have a personal account then convert it to a business account. It is a must to have a business account to link with Facebook.

To convert your personal profile to a business account.

1. 1. First, go to the profile and tap on the  icon in upper right corner.
   2. Tap on settings  icon.
   3. Tap on the account.
   4. Tap switch on Switch to professional account.
   5. Tap on business.
   6. If you’d like, you can follow the steps to connect your business account to a Facebook Page associated with your business. This step is optional and will make it easier to use all of the features available for businesses across the Facebook family of apps. At this time, only one Facebook Page can be connected to your business account.
   7. Add your business category and contact information.

Now Instagram setup is completed. Move to the further steps to connect with the Facebook account.

Connect Facebook page to the account.

1. First, Select your Facebook page Or Create new page if you had not created yet.
   
2. Select “Settings” from the menu.
3. Select “Instagram” from the menu.
4. Now select “Connect Account” to add an Instagram account. Login into your Instagram account. Till now you have not converted your personal account into the business you will be prompted.

Also, you can remove your Instagram account anytime by selecting the “Disconnect Account”.

Authenticate Instagram Facebook Graph API

Steps to create the App and authenticate Instagram Facebook Graph API.

1. 1. 1. Go to All Apps – Facebook for Developers, Click on the “Create App” button.
      2. Select the “For Everything Else” option.
      3. Enter the name of the app and click on “Create App ID”.
      4. Complete the security check and click on the “Submit” button.
         
      5. Add the “Facebook Login” product so click on the “Set Up” button of that product.
         
      6. Go to the “PRODUCTS > Facebook Login > Settings”.
         
      7. Open smart social feed addon in the ExpressionEngine admin. Click on the “Create New” button.
         
      8. Enter the title for the setting and click on the “INSTAGRAM SETTINGS (FACEBOOK INSTAGRAM GRAPH API)” tab.
         
      9. Copy the URL of “Set OAuth Redirect URI” of addon setting and paste to the “Valid OAuth Redirect URIs” textbox of the settings of the “Facebook Login” product.
      10. Go to the “Settings > Basic” of the app. Copy “App ID” from the basic page of the app.
          
      11. 
           
          1. Click on the “Show” button of the “App Secret” input field.
             
          2. Enter the password of your Facebook account and click on the “Submit” button.
          3. Copy “App Secret” from the basic page of the app.
          4. Paste “App Secret” to the “Application Secret” of the addon setting.
             
          5. Click on the “Get User Token” button of the addon setting. One popup is opened and provides permission in it so the “Application User Token” input field fills up automatically.
          6. Click on the “Get my Instagram Accounts” button of the addon setting. Instagram account IDs options are added in the form so you can select any appropriate account ID. 
          7. Click on the “Submit” button of the addon setting.
             

          Instruction

          1. Your app must be in the “In development” mode.
          2. Your site must have SSL.

Authenticate Instagram Basic Display API

The Instagram Basic Display API allows your app users to get photos and videos in their Instagram public type of accounts.

Before You Start

You will need:

1. A Facebook Developer Account
2. An Instagram account. (Type: Public)
3. A public website that you own. (HTTPS on websites are required if you want to authorize Instagram accounts used by authorized windows on your website.)

Step to authorize API

1. 1. Go to Facebook Developer Account,Click on My Apps button,and create a new app.
   2. Select the For Everything Else option from the popup.
      
   3. Enter the name in the App Display Name field that you want. Click on the Create App ID button.
   4. Complete the security check of google recaptcha and submit the form.
   5. Finally, the app is created. Add the Instagram Basic product in the app created. To do so, click on the Set Up button of this product.
   6. Click on the Create New App button of the Basic Display page of the added Instagram Basic Display product.
   7. You can change the name in the Display Name field in the form of Create a New Instagram App ID if you want to change, otherwise you can keep the same name. Click on the Create App button.
   8. We must add an Instagram Tester to the app created to access tokens to be generated. For this, click on the Add or Remove Instagram Testers button of the User Token Generator tab of the Basic Display page.
   9. The Roles page is now open. Click on the Add Instagram Testers button of the Instagram Testers tab of this page.
   10. Enter the username of the Instagram account you want to add in the form of the Add Instagram Testers form and select desired account and click on the Submit button.
   11. Instagram tester is added but it will show as pending. The Instagram tester must accept the invitation in the App and Websites section of their profile.
   12. Click on the Accept button of the specific invited app in the TESTER INVITES tab of the Settings > Apps and Websites of the invited Instagram account. Now Instagram account is successfully added as terster and activated.
   13. Go to the Smart Social Feed addon in EE admin and create the new setting and click on the Instagram Settings (Instagram Basic Display API) tab.
   14. This is the important step to create the token.
       1. We can create the token using the Authorised Window using the EE admin panel.
       2. We can create the token using the User Token Generator of the app.
   15. First, we will see how to create a token using the Authorised Window method. Copy the Instagram App ID and Instagram App Secret from the Basic Display page.
   16. Paste the Instagram App ID to Application ID (Instagram App ID) and Instagram App Secret to Application Secret (Instagram App Secret) of the addon setting.
   17. Copy the Set OAuth Redirect URI from the addon setting and paste to the Valid OAuth Redirect URIs field of the Client OAuth Settings tab of the Basic Display page.
       Note: Your website URL must with https.
   18. We should add a website URL or Set OAuth Redirect URI to Deauthorize Callback URL field of the Deauthorize and Data Deletion Request URL field of the Data Deletion Requests tab of the Basic Display page. We need to add these two URLs in the app because it is a required field for this form. Click on the Submit Changes button to save the details.
       Note: Our addon takes any action on both URL (Deauthorize Callback URL, Data Deletion Request URL).
   19. Click on the Get User Token in the addon setting.
       
   20. One Authorization Window will open to ask permission to access the media of the Instagram account. Click on the Authorize button.
   21. If everything is perfect then a token is created and is auto placed to the Application User Token field of the addon setting.

1. If you don’t want to create the token using the Authorization Window using your site then you can use the second method to create the token using the User Token Generator of the app.For this method, You need to click on the Generate Token button of the User Token Generator tab
2. In this method, a popup window will open and ask for a login to the account in instagram.
3. Click on the Authorize button to give the access to the media of the Instagram account.
4. Your token is generated. Check the I Understand checkbox field, copy the token, and click on the Done button.
5. Then, you can paste the token to the Application User Token field of the addon setting. In this method, you have to add Application ID (Instagram App ID) and Application Secret (Instagram App Secret) in the addon setting page. The advantage of this method is that we don’t add Set OAuth Redirect URI to the app setting.
6. Now finally, we have got the token. We then provide the name of the addon setting and save this setting.
7. Your setting is displayed on the Social Feed List page. Now you can click the sync Icon of your setting to get the feed.
   
8. If setting details are valid then you get a message saying, Feed synchronized successfully, which means that means you have got the feed successfully from the account.

Installation

Social Feed

Social Feed List allows to create or edit Social media feeds as per your requirements.
You can create a new feed just by clicking on CREATE NEW button.
Also, you can edit and manage the previously created feeds with ease.

Create feeds for social platforms like Facebook, Twitter, Instagram, YouTube, Vimeo with ease.Once created it will be displayed in the row of the table.

Social Feed List (Default view)

It contains five columns. These are listed below in detail.

1. ID
   This column contains the ID of the created feed. This is used for parameter feed_id in tags for creating feed.
2. Label
   This column consists of the name of the already created feeds.
3. Short Name
   This column contains the short name of the created feed. This is used for parameter feed_name in tags for creating feed.
4. Manage
   It has three sub elements:
   1. Edit:
      This is used to edit the previously created feed.
   2. Synchronize feed:
      This is used to call API again and save data to the database.
      So every time synchronize is clicked the api is called and data is fetched again and save to the database by removing previously saved data.
   3. Clear cache :
      It helps in removing the cached data from the database which was saved during the call to API.
5. Multiple Delete
   The already created feeds can be deleted using this option.
   Check the feeds that need to be omitted. now, select “remove” which will appear as soon as the feed is checked.
   Apply submit to complete the process.

Facebook

Social Feed List allows you to create or edit Facebook feeds in an easy way. CREATE NEW button helps in creating the required feed. Here, you can easily manage the previously created feed.
Due to Facebook’s privacy policy you’re not able to get posts from a profile, only from a public Facebook Page. More Info.
You can edit or modify the fields whenever required.

Smart Social Feed:Facebook (Default view)

Twitter

Social Feed List allows you to create or edit Twitter feeds for a given Twitter user in an easy way. CREATE NEW button helps in creating the required feed.

Here, you can easily manage the previously created feed.

Smart Social Feed:Twitter (Default view)

Instagram (Deprecated)

Social Feed List allows you to create or edit Instagram feeds for a given Instagram user in an easy way and also according to your requirement. CREATE NEW button helps in creating the required feed.

Here, you can easily manage the previously created feed.

Smart Social Feed:Instagram (Default view)

Instagram Basic Display API

Social Feed List allows you to create or edit Instagram feeds for the Instagram user easily and according to the user’s requirement. The CREATE NEW button helps to create the required feed.
Check this page “Authenticate Instagram Basic Display API” to get step-wise authentication for Instagram basic display API.

Smart Social Feed:
Instagram Facebook Basic Display API(Default view)

Limitation

Instagram Facebook Graph API

You must have your Instagram Account linked to a Facebook Business Page. If you had not linked yet then you can get more detail about this thing from this “Link your instagram to facebook” page.

Social Feed List allows you to create or edit Instagram feeds for a given Instagram user in an easy way and also according to your requirement. CREATE NEW button helps in creating the required feed.

Check this page “Authenticate Instagram Facebook Graph API” to get each step of the process of authentication for Instagram Facebook graph API.

Here, you can easily manage the previously created feed.

YouTube

Social Feed List allows you to create or edit YouTube feeds for a given YouTube channel in an easy way. CREATE NEW button helps in creating the required feed.

Here, you can easily manage the previously created feed also.

Smart Social Feed:YouTube (Default view)

Edit or modify the fields whenever required. Details about these fields are mentioned below.

1. Important URLs:
   Important URLs contains two sub-links.
   1. Generate Credentials from here.
      Click here to generate your Google API Key.
   2. More information about this here
      Get further details about usage of this addon for YouTube from here.
2. Channel ID:
   This field must contain your YouTube channel ID. If you dont have channel ID you can fetch it from the link mentioned below.
3. API Key:
   This field must contain Google API Key.
4. Cache Duration:
   Mention the cache duration here only in minutes. During this period, the data is fetched from the database where it was saved while making the first API call to the social media api. After that period, data will again be fetched from API and will be saved to the database. This cycle goes on. The default value of this field is 30 minutes.
5. Limit:
   It puts a limit on the number of posts or data you want to fetch. The default value is 10 posts.

Vimeo

Social Feed List allows you to create or edit Vimeo feeds for a given Vimeo user in an easy way. CREATE NEW button helps in creating the required feed.

Here, you can easily manage the previously created feed also.

Smart Social Feed:Vimeo (Default view)

Edit or modify the fields whenever required. Details about these fields are mentioned below.

1. Important URLs:
   Important URLs contains two sub-links.
   1. Generate Credentials from here.
      Generate your Access token for Vimeo using this link.
   2. More information about this here
      Get further details about usage of this addon for Vimeo here.
2. Vimeo Feed Type:
   It gives two options. They are
   1. User Feeds
   2. Channel Feeds

   The selection of an option depends on the type of videos you want to fetch. If you need user-uploaded videos then go for the User Feed, otherwise, select Channel Feed for channel videos.

3. Vimeo User ID/Vimeo Channel ID:
   This field must contain Vimeo User ID or Vimeo Channel ID which is entirely based on Vimeo Feed Type that you select
   How to get User ID or Channel ID?

Vimeo:User ID

Vimeo:Channel ID

1. Include Private Videos:
   Select Yes if you also want to include private videos while fetching Videos of the related channel, otherwise select No.
2. Cache Duration:
   Mention the cache duration here only in minutes. During this period, the data is fetched from the database where it was saved while making the first API call to the social media api. After that period, data will again be fetched from API and will be saved to the database. This cycle goes on. The default value of this field is 30 minutes.
3. Limit:
   Limit the number of posts or data you want to fetch. The default value is 10.

Custom Sidebar

We provide one “customSidebar” function in the MCP file. You can add more menus in the sidebar of the addon using this function.

/* To get dynamic menu in the addon */    
   function customSidebar(){
       $sidebar = ee('CP/Sidebar')->make();
       $this->navSettings  = $sidebar->addHeader('Test Link', '');
   }

Facebook

You can create or edit a smart social feed for facebook for fetching facebook feeds or posts. Details for the same are shared below.

Tag for facebook feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. post_from_name
5. post_from_id
6. post_id
7. plateform
8. post_name
9. post_message
10. post_description
11. post_created_time
12. post_total_likes
13. post_total_comments
14. post_total_shares
15. post_thumbnail_image
16. post_full_image
17. post_url
18. post_story
19. post_type
20. post_relative_date
21. page_source

Following Parameters can be use in Facebook feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

{exp:smart_social_feed:pull feed_id="1" }
    {if no_results}<p>No results!</p>{/if}
    {if count == 1}
    <div class="feed-wrapper">
    {/if}
        <p>count              : {count}</p>
        <p>Total Results      : {total_results}</p>
        <p>id                 : {id}</p>
        <p>plateform          : {plateform}</p> //current plateform (i.e., facebook)
        <p>SSF Id             : {ssf_id}</p>
        <p>Post Identifier    : {post_identifier}</p>
        <p>Post  Saved Time   : {post_saved_time format="%d-%m-%Y"}</p>
        <p>Post Id            : {post_id}</p>
        <p>Post From Name     : {post_from_name}</p>
        <p>Post From Id       : {post_from_id}</p>
        <p>Post Name          : {post_name}</p>
        <p>Post Message       : {post_message}</p>
        <p>Post Description   : {post_description}</p>
        <p>Post Created Time  : {post_created_time}</p>
        <p>Relative Date      : {post_relative_date}</p>
        <p>Total Likes        : {post_total_likes}</p>
        <p>Total Comments     : {post_total_comments}</p>
        <p>Total Shares       : {post_total_shares}</p>
        {if post_thumbnail_image} // get thumbnail image 
        <p>Thumbnail Image    : <img src="{post_thumbnail_image}"></p>
        {/if}
        {if post_full_image} // get full image 
        <p>Full Image    : <img src="{post_full_image}"></p>
        {/if}
        <p>Post Url           : {post_url}</p>
        <p>Post Story         : {post_story}</p>
        <p>Post Type          : {post_type}</p>
        {if post_type == "video" && post_source != ""} // Return video URL
        <div>
            <iframe src="{post_source}"></iframe>
        </div>
        {/if}
    {if count == total_results}
    </div>
    {/if}
{/exp:smart_social_feed:pull}

Twitter

You can create or edit a smart social feed for twitter for fetching twitter feeds or tweets. Details for the same are shared below.

Tag for twitter feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. plateform
5. post_from_name
6. post_from_id
7. post_id
8. post_description
9. post_created_time
10. favorite_count
11. retweet_count
12. geo
13. coordinates
14. place
15. post_relative_date
16. post_video

Following Parameters can be use in Twitter feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

{exp:smart_social_feed:pull feed_id="1" }
    {if no_results}<p>No results!</p>{/if}
    {if count == 1}
    <div class="feed-wrapper">
    {/if}
        <p>count              : {count}</p>
        <p>Total Results      : {total_results}</p>
        <p>id                 : {id}</p>
        <p>plateform          : {plateform}</p>  //current plateform (i.e., twitter)
        <p>SSF Id             : {ssf_id}</p>
        <p>Post Identifier    : {post_identifier}</p>
        <p>Post  Saved Time   : {post_saved_time format="%d-%m-%Y"}</p>
        <p>Post Id            : {post_id}</p>
        <p>Post From Name     : {post_from_name}</p>
        <p>Post From Id       : {post_from_id}</p>
        <p>Post Description   : {post_description}</p>
        <p>Post Created Time  : {post_created_time}</p>
        <p>Total Favorites    : {favorite_count}</p>
        <p>Total Retweets     : {retweet_count}</p>
        <p>Geo                : {geo}</p>
        <p>Coordinates        : {coordinates}</p>
        <p>Place              : {place}</p>
        <p>Post type          : {post_type}</p>

        {if plateform == "twitter"} // Give you proper relative date. (i.e., 2m, 6h, 2days etc.)
        <p>Relative Date      : {post_relative_date}</p>
        {/if}

        {if post_full_image} // If any image uploaded in tweets
        <p>Post full image    : <img src="{post_full_image}"></p>
        {/if}
        
        {if post_url} // give post URL if post type is video, photo or GIF
        <p>Post url           : {post_url}</p>
        {/if}
        
        {if post_type == "video" && post_video != ""} // Return video URL if uploaded in tweets
        <div>
            <iframe src="{post_video}"></iframe>
        </div>
        {/if}
    {if count == total_results}
    </div>
    {/if}
{/exp:smart_social_feed:pull}

Instagram (Deprecated)

You can create or edit a smart social feed for instagram for fetching instagram feeds or posts. Details for the same are shared below.

Tag for instagram feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. plateform
5. post_from_name
6. post_from_id
7. post_id
8. post_created_time
9. post_total_likes
10. post_total_comments
11. post_thumbnail_image
12. post_full_image
13. post_url
14. post_relative_date
15. post_video
16. post_description
17. post_type
18. post_carousel

Following Parameters can be use in Instagram feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

{exp:smart_social_feed:pull feed_id="1" }
    {if no_results}<p>No results!</p>{/if}
    {if count == 1}
    <div class="feed-wrapper">
    {/if}
        <p>count                   : {count}</p>
        <p>Total Results           : {total_results}</p>
        <p>id                      : {id}</p>
        <p>plateform               : {plateform}</p> //current plateform (i.e., instagram)
        <p>SSF Id                  : {ssf_id}</p>
        <p>Post Identifier         : {post_identifier}</p>
        <p>Post  Saved Time        : {post_saved_time format="%d-%m-%Y"}</p>
        <p>Post Id                 : {post_id}</p>
        <p>Post From Name          : {post_from_name}</p>
        <p>Post From Id            : {post_from_id}</p>
        <p>Post Created Time       : {post_created_time}</p>
        <p>Relative Date           : {post_relative_date}</p>
        <p>Total Likes             : {post_total_likes}</p>
        <p>Total Comments          : {post_total_comments}</p>
        <p>Post thumbnail Image    : {post_thumbnail_image}</p>
        <p>Post Full Image         : {post_full_image}</p>
        <p>Post URL                : {post_url}</p>

        //New Variables added in v1.1.7
        <p>Post Video              : {post_video}</p>
        <p>Post Description        : {post_description}</p>
        <p>Post Type               : {post_type}</p> // video, image, carousel
        <div>
            Post Carousel          : 
            {post_carousel}
                {if post_carousel:count == 1}<div>{/if} // Count variable
                {post_carousel:type} // video, image
                {post_carousel:url} // Video or Image URL
                {if post_carousel:count == post_carousel:total_results}</div>{/if} // Count variable
            {/post_carousel}
        </div>
    {if count == total_results}
    </div>
    {/if}
{/exp:smart_social_feed:pull}

Instagram Basic Display API

You can create or edit a smart social feed for instagram to fetch Instagram feeds or posts. Details for the same are shared below.
Tag for instagram feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort
6. limit
7. post_type

Variables

1. ssf_id
2. post_saved_time
3. plateform
4. post_from_name
5. post_id
6. post_created_time
7. post_thumbnail_image: This variable gives result only for “VIDEO” type of feed.
8. post_full_image
9. post_relative_date
10. post_video
11. post_description
12. post_type

The following parameters can be used for the Instagram feed

 feed_id = "1"

 feed_name = "instagram_basic_display"

 plateform = "facebook|twitter|basic_instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

 limit = "4"

 post_type = "IMAGE"

 post_type = "VIDEO"

 post_type = "IMAGE|VIDEO"

{exp:smart_social_feed:pull feed_id="1" }

    {if no_results}<p>No results!</p>{/if}

    {if count == 1}

    <div class="feed-wrapper">

    {/if}

        <p>count                   : {count}</p>

        <p>Total Results           : {total_results}</p>

        <p>id                      : {id}</p>

        <p>plateform               : {plateform}</p> //current plateform (i.e., basic_instagram)

        <p>SSF Id                  : {ssf_id}</p>

        <p>Post  Saved Time        : {post_saved_time format="%d-%m-%Y %h:%m:%s"}</p>

        <p>Post Id                 : {post_id}</p>

        <p>Post From Name          : {post_from_name}</p>

        <p>Post Created Time       : {post_created_time format="%d-%m-%Y %h:%m:%s"}</p>

        <p>Relative Date           : {post_relative_date}</p>

        <p>Post thumbnail Image    : {post_thumbnail_image}<//p>/ post thumbnail image

        <p>Post Full Image         : {post_full_image}</p>

        <p>Post Video                : {post_video}</p>

        <p>Post Description        : {post_description}</p>

        <p>Post Type               : {post_type}</p> // VIDEO, IMAGE

    {if count == total_results}

    </div>

    {/if}

{/exp:smart_social_feed:pull}

Instagram Facebook Graph API

You can create or edit a smart social feed for instagram for fetching instagram feeds or posts. Details for the same are shared below.

Tag for instagram feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. plateform
5. post_from_name
6. post_from_id
7. post_id
8. post_created_time
9. post_total_likes
10. post_total_comments
11. post_thumbnail_image: This variable gives result only for “VIDEO” type of feed.
12. post_full_image
13. post_url
14. post_relative_date
15. post_video
16. post_description
17. post_type
18. post_carousel

Following Parameters can be use in Instagram feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

{exp:smart_social_feed:pull feed_id="1" }

    {if no_results}<p>No results!</p>{/if}

    {if count == 1}

    <div class="feed-wrapper">

    {/if}

        <p>count                   : {count}</p>

        <p>Total Results           : {total_results}</p>

        <p>id                      : {id}</p>

        <p>plateform               : {plateform}</p> //current plateform (i.e., instagram)

        <p>SSF Id                  : {ssf_id}</p>

        <p>Post Identifier         : {post_identifier}</p>

        <p>Post  Saved Time        : {post_saved_time format="%d-%m-%Y"}</p>

        <p>Post Id                 : {post_id}</p>

        <p>Post From Name          : {post_from_name}</p>

        <p>Post From Id            : {post_from_id}</p>

        <p>Post Created Time       : {post_created_time}</p>

        <p>Relative Date           : {post_relative_date}</p>

        <p>Total Likes             : {post_total_likes}</p>

        <p>Total Comments          : {post_total_comments}</p>

        <p>Post thumbnail Image    : {post_thumbnail_image}</p>

        <p>Post Full Image         : {post_full_image}</p>

        <p>Post URL                : {post_url}</p>


        //New Variables added in v1.1.7

        <p>Post Video              : {post_video}</p>

        <p>Post Description        : {post_description}</p>

        <p>Post Type               : {post_type}</p> // video, image

    {if count == total_results}

    </div>

    {/if}

{/exp:smart_social_feed:pull}

YouTube

You can create or edit a smart social feed for YouTube for fetching YouTube feeds or videos. Details for the same are shared below.

Tag for YouTube feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. plateform
5. post_from_name
6. post_from_id
7. post_id
8. post_name
9. post_description
10. post_created_time
11. post_thumbnail_image
12. post_full_image
13. post_url
14. youtube_embed
15. post_relative_date
16. post_video

Following Parameters can be used in YouTube feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

{exp:smart_social_feed:pull feed_id="1" }
    {if no_results}<p>No results!</p>{/if}
    {if count == 1}
    <div class="feed-wrapper">
    {/if}
        <p>count                   : {count}</p>
        <p>Total Results           : {total_results}</p>
        <p>id                      : {id}</p>
        <p>plateform               : {plateform}</p>  //current plateform (i.e., youtube)
        <p>SSF Id                  : {ssf_id}</p>
        <p>Post Identifier         : {post_identifier}</p>
        <p>Post  Saved Time        : {post_saved_time format="%d-%m-%Y"}</p>
        <p>Post Id                 : {post_id}</p>
        <p>Post From Name          : {post_from_name}</p>
        <p>Post From Id            : {post_from_id}</p>
        <p>Post Created Time       : {post_created_time}</p>
        <p>Relative Date           : {post_relative_date}</p>
        <p>Post Description        : {post_description}</p>
        <p>Post thumbnail Image    : {post_thumbnail_image}</p>
        <p>Post Full Image         : {post_full_image}</p>
        <p>Post URL                : {post_url}</p>
        <p>Youtube Embed           : {post_video}</p>
    {if count == total_results}
    </div>
    {/if}
{/exp:smart_social_feed:pull}

Vimeo

You can create or edit a smart social feed for YouTube for fetching YouTube feeds or videos. Details for the same are shared below.

Tag for youtube feed will look like this.

 {exp:smart_social_feed:pull} Content data {/exp:smart_social_feed:pull}

Parameters

1. feed_id
2. feed_name
3. plateform
4. order_by
5. sort

Variables

1. ssf_id
2. post_identifier
3. post_saved_time
4. plateform
5. post_from_id
6. post_id
7. post_name
8. post_description
9. post_created_time
10. post_total_likes
11. post_total_comments
12. post_thumbnail_image
13. post_full_image
14. vimeo_embed
15. post_url
16. post_relative_date
17. post_video

Following Parameters can be used in Vimeo feed

 feed_id = "5"

 feed_name = "social_feed"

 plateform = "facebook|twitter|instagram|youtube|vimeo"

 order_by = "ssf_id"

 sort = "ASC"

{exp:smart_social_feed:pull feed_id="1" }
    {if no_results}<p>No results!</p>{/if}
    {if count == 1}
    <div class="feed-wrapper">
    {/if}
        <p>count                   : {count}</p>
        <p>Total Results           : {total_results}</p>
        <p>id                      : {id}</p>
        <p>plateform               : {plateform}</p>    //current plateform (i.e., vimeo)
        <p>SSF Id                  : {ssf_id}</p>
        <p>Post Identifier         : {post_identifier}</p>
        <p>Post  Saved Time        : {post_saved_time format="%d-%m-%Y"}</p>
        <p>Post Id                 : {post_id}</p>
        <p>Post Name               : {post_name}</p>
        <p>Post From Id            : {post_from_id}</p>
        <p>Post Description        : {post_description}</p>
        <p>Post Created Time       : {post_created_time}</p>
        <p>Relative Date           : {post_relative_date}</p>
        <p>Post Likes              : {post_total_likes}</p>
        <p>Post Comments           : {post_total_comments}</p>
        <p>Post thumbnail Image    : {post_thumbnail_image}</p>
        <p>Post Full Image         : {post_full_image}</p>
        <p>Post URL                : {post_url}</p>
        <p>Post Vimeo Embed        : {post_video}</p>
    {if count == total_results}
    </div>
    {/if}
{/exp:smart_social_feed:pull}

Changelog