0

Greetings

I have been working on a facebook share button for my website for three days now and I am having a hard time to get it work.

I tried several things and I think I am close. Below, I post the code I use. If you thing you understand what my error is please let me know. Also I have posted a screenshot of the share window in which the meta information is missing.

On the image you can see that the meta tags are not presented. e.g the title, description, etc.

The code :

In BODY

    <!-- Facebook Share Button Functionaliy -->
      <script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a>
      <!-- / -->

I also included JavaScript SDK

<!-- JavaScript SDK - Facebook Integration -->
<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/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));
</script>
<!-- / -->

And also included these meta tags in head

<title>Website Title</title>
  <meta name="description" content="Website" />
  <link rel="image_src" href="http://www.websiteurlpicutre.com" / >

<!-- OpenGraph Facebook Meta Tags -->
  <meta property="og:title" content="Webiste Title />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="http://www.webiste.com/" />
  <meta property="og:image" content="http://imageurl.com" />
  <meta property="og:site_name" content="Website Name " />
  • Note that meta tags have been changed for posting this into the forum

The output is:

screenshot6

If you have any idea what the problem is please let me know.

Thanks for reading.

3
Contributors
3
Replies
14
Views
4 Years
Discussion Span
Last Post by davy_yg
0

Hey, I have a similar problem.

Do you get the article identification correctly? Like the title and the image?

<title>Website Title</title>
<meta name="description" content="Website" />
<link rel="image_src" href="http://www.websiteurlpicutre.com" / >
<!-- OpenGraph Facebook Meta Tags -->
<meta property="og:title" content="Webiste Title />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.webiste.com/" />
<meta property="og:image" content="http://imageurl.com" />
<meta property="og:site_name" content="Website Name " />

Here is my article: article share if you or anyone else can help.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.