Facebook Share Button data-href Wordpress Permalink Displays: "facebook.com/v2.0..."

Question

This is how I render my button:

function fb_share() {
    $permalink = get_permalink();
    echo '<div class="fb-share-button" data-href="'.$permalink.'" data-layout="button_count"></div>';
}

I include the scripts right after tag opens. However, what it does when you click share is:

Any thoughts?

Answer 1

The problem arises because I have been testing my theme using MAMP and having the string "localhost" in the browser URL. As @dustincaruso mentioned:

<div class="fb-share-button" data-href="<?php the_permalink(); ?>" data-layout="button_count"></div>

works perfectly. Thanks.

Answer 2

Try this code directly in the PHP/HTML markup of your theme. It will create a link to the current page/URL in the "data-href" attribute.

<div class="fb-share-button" data-href="<?php the_permalink(); ?>" data-layout="button_count"></div>