我正在设计一个网站,其中有一篇博客文章,并且文章下方有 Facebook Like、Google Plus、Tweet 按钮。Google Plus 文档说我应该将脚本放在 head 标记处,但这只会减慢我网站的加载速度,因为有时我的网站在加载 Google Plus 按钮的脚本之前不会加载(白色、空白页) (有时需要大约 3-4 秒才能完全连接和加载)。所以我(在网上阅读了一些建议)将脚本标签放到了我的正文标签的底部(无论如何都在正文标签内)。
这是我的按钮代码:
<div id="ExtrasBox">
<table>
<tr>
<td>
<iframe src="http://www.facebook.com/plugins/like.php?app_id=192609804132243&href&send=false&layout=button_count&width=46&show_faces=true&action=like&colorscheme=dark&font=lucida+grande&height=21"
scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 46px;
height: 21px;" allowtransparency="true"></iframe>
</td>
<td>
<g:plusone size="medium" count="false"></g:plusone>
</td>
<td>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"
data-via="canpoyrazoglu" data-related="can16358p:kişisel hesabım">Tweet</a>
</td>
</tr>
</table>
</div>
我还在正文末尾添加了 Google+ 脚本。
但是,现在我面临一个非常奇怪的问题。有时(我不知道是什么原因)当页面加载时,我的 Tweet 按钮会变成一个 Google+ 按钮。所以正确的是这样的:
但有时(我尝试过几次刷新和完全刷新,但现在无法重现,就像这个 photoshopped 版本一样)我得到这个:
而且该按钮的行为就像 Google+ 按钮,在 Firebug 中进行检查只显示两个 Google+ 按钮,并且没有任何 Tweet 按钮的痕迹。我的标签已正确关闭(无论如何它们都在不同的 TD 中),最奇怪的是这个问题只是随机发生的。它现在没有发生,但它今天发生了多次(每次都在完全刷新等之后单独发生)。我不知道它是否与在正文之后的脚本标签有任何关系(将标签放入头部对我来说是没有选择的,我不想将我的超快速页面加载延迟大约 4-5 Google+ 按钮的秒数),因为该问题不可重现。
关于可能是什么原因的任何想法?欢迎任何有用的/非肮脏的/hacky的变通办法/解决方案。