Social Media Feed

Highlighted
New Contributor | Gold Partner

I'm working on a project that would like to include a social media feed. Something similar to this: http://www.designchemical.com/blog/index.php/premium-jquery-plugins/jquery-social-stream-plugin/ (only styled better...)

 

The issue I'm running into is that it seems that both Facebook and Twitter require a php file to authenticate .  These files look like this.

 

Facebook:

<?php
// SET YOUR FACEBOOK API DETAILS HERE
$app_id 	= 'INSERT APP ID HERE';
$app_secret = 'INSERT APP SECRET HERE';
// More PHP code is below this line referring to the values set above.
?>

 

And Twitter:

<?php
// SET YOUR TWITTER API DETAILS HERE
$consumer_key = ""; 
$consumer_secret = "";
$oauth_access_token = ""; 
$oauth_access_token_secret = "";

$count = isset($_GET['count']) ? $_GET['count'] : '20';
$include_rts = isset($_GET['include_rts']) ? $_GET['include_rts'] : '';
$exclude_replies = isset($_GET['exclude_replies']) ? $_GET['exclude_replies'] : '';

// More PHP code is below this line referring to the values set above.

 

Both of those are pulled directly from the forementioned jquery plugin.

 

My issue is not so much making that "plugin" work, but actually getting to a solution of how to make a Social Media feed on HubSpot when I don't seem to have access to PHP. 

 

Has anyone done this without the use of iFrames? How did you do it? 

 

Thanks so much!! 

Reply
0 Upvotes
3 Replies 3
Highlighted
Regular Advisor

Hi @MarcusZeal,

 

there is no need to use PHP code for adding Social Media Feed in your website.

I will give simple code for adding easily social feeds,

 

Put below code In Hubspot Custom HUBL or Custom HTML Module,

 

For Twitter (no need Twiter Developer Account)

<a class="twitter-timeline" href="https://twitter.com/HubSpot" data-tweet-limit="5">Tweets by HubSpot</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

 in Above code change, just Twitter Profile URL which user you want to add tweets feed in your website.

 

For Facebook,

Required facebook developer account and easily add facebook feeds in your website,

Facebook Feed demo example 

choose what type of feed required

 

hope this work!

Thanks! 

 

 

Highlighted
New Contributor | Gold Partner

Thanks for the reply! @TRooInbound

 

While your solution technically does work, it doesn't fit the need of my client... but it will probably be the end solution if I'm being totally honest.

 

The issue is that we would like to merge the feeds into a single "Social" feed. So at 12:04 there's a tweet, 12:05 there's a Facebook post, etc. A list of all the social interactions down the line in a typical feed. For that, I do believe I'd need access to the respective APIs and both seem to require oAuth... which I think requires PHP. Not 100% on all that, but that seems to be where everything is pointing to. 

Reply
0 Upvotes
Highlighted
Regular Advisor

Hi @MarcusZeal,

 

Ohh yes, now I can understand requirements,

 

I've made up demo for All Social Media Feeds,

Twitter, Google+, Instagram but for Facebook not working I don't know why

 

but I will try again for this,

for now, please look this demo 

 

http://testhub-3895366.hs-sites.com/social-feed

 

(there is some problem when you click the URL here Please copy and paste above URL in new tab if you directly click from here than Google+ feed not display) 

 

 

let me know if this works!

Thanks

 

Reply
0 Upvotes