Facebook Share Button (Dynamic url)

[sToXiC]

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:

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

Thanks for reading.

@sToXiC

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 assume you got your code from here:

http://elure.co/43_facebook-like-button-dynamic-url-javascript.htm

I also assume you got your facebook button code here:

http://developers.facebook.com/docs/reference/plugins/like/

The instructions is very straight and forward.

[sToXiC]

Well done :)

[davy_yg]

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.