Question

我正在设计一个网站，我有一篇博文，并在帖子下面有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&amp;href&amp;send=false&amp;layout=button_count&amp;width=46&amp;show_faces=true&amp;action=like&amp;colorscheme=dark&amp;font=lucida+grande&amp;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+脚本。

然而，现在我面临一个非常奇怪的问题。有些页面（我不知道是什么原因）加载页面时，我的推文按钮会变成Google+按钮。所以正确的是：

correct one

但有时候（我尝试了几次刷新和完全刷新，但现在无法重现，它就像这个photoshopped版本）我得到了这个：

wrong one

该按钮的行为与Google+按钮相似，在Firebug中进行检查只会向我显示两个Google+按钮，并且没有任何推文按钮的痕迹。我的标签是关闭的（无论如何它们都在不同的TD），而最奇怪的是这个问题只是随机发生的。它现在没有发生，但它今天发生了多次（每次完全刷新后等）。我不知道它是否与脚本标签在身体之后有任何关系（将标签放入头部对我来说是没有选择的，我不想延迟我的超快页面加载大约4-5 “Google+按钮的秒数”，因为问题无法复制。

任何想法可能是什么原因？欢迎使用任何有用/非脏/黑客的解决方法/解决方案。

Answer 1

分享按钮实际上是iframe，因此请尝试将每个共享javascript封装到三个div或表格单元格中。

Answer 2

只为每个人都知道：我再也没有遇到这个问题，我认为这很可能是由于缓存或脚本导致的临时错误。我已经在同一个网站上测试了几天，而且再也没有发生过。

Google+按钮将推文按钮变为另一个Google+按钮

2 个答案: