Streaming live at 10am (PST)

I need help with Facebook integration for my Webflow Blog


#1

Hello

I have small problem with my social media share integration. I'd like to set up Facebook Share in dynamic template page. But all share going only for same blog post, because facebook generate this code

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-href="http://discovermybusiness.co/blog/google-calories-calculator" data-layout="button_count" data-mobile-iframe="true"></div>

Maybe problem with div class="fb-share-button" here?


Here is my public share link: https://preview.webflow.com/preview/discovermybusiness?preview=16b10b3ccf0975f9cff19949d1a63379


#2

You might find the information you need here: http://forum.webflow.com/t/how-to-integrate-facebook-comments-into-dynamic-template/24137/21?u=ctraver2

Best,
Christopher


#3

Either do the above, or:

For this line:

<div class="fb-share-button" data-href="http://discovermybusiness.co/blog/google-calories-calculator" data-layout="button_count" data-mobile-iframe="true"></div>

Change it to:

<div class="fb-share-button" data-href="" data-layout="button_count" data-mobile-iframe="true"></div>
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
  $('.fb-share-button').attr('data-href', location.href);
});
</script>

#4

Thank you samliew It is really help, right now I can share each post!)
So the main problem does not write any href link !)

Thank you Again !!!!


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.