Facebook Like Button Not showing in all instances
I'm using AddThis in a Wordpress site. There are many instances of various AT toolboxes. But the Facebook Like button doesn't work on some of them. The AT JS seems to be OK but the iframe doesn't get the complete contents.
The most common implementation is
$addthis = '<div class="addthis_toolbox addthis_default_style a3_addthis" addthis:url="';
$addthis .= get_permalink();
$addthis .= '" addthis:title="';
$addthis .= get_the_title();
$addthis .= '">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
<a class="addthis_button_email"></a><span class="addthis-email-label">EMAIL</span>';
if($print){
$addthis .= '<a class="addthis_button_print"></a><span class="addthis-email-label">PRINT</span>';
}
$addthis .= '</div>'
In a list page where this is displayed 5 times maybe 1 out of 5 like buttons won't work. There's a second style over in the sidebar that reliably shows the incomplete iframe done with this markup:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style" addthis:url="http://staging.article-3.com" addthis:title="Article 3">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<br />
<br />
<a class="addthis_button_twitter_follow_native" tw:screen_name="articlethree"></a>
<br />
<br />
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
</div>
<!-- AddThis Button END -->
In the iFrame its the <div> with ID LikePluginPagelet that is consistently empty when the button is not visible & doesn't work.