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

Question

我正在设计一个网站，其中有一篇博客文章，并且在文章下方有 Facebook Like、Google Plus、Tweet 按钮。 Google Plus 文档说我应该将脚本放在 head 标记处，但这只会减慢我网站的加载速度，因为有时我的网站不会加载(白色，空白页面)，直到它加载 Google Plus 按钮的脚本(有时需要大约 3-4 秒才能连接并完全加载)。所以我(在网上阅读了一些建议)将脚本标签放在我的 body 标签的底部(无论如何在 body 标签内)。

这是我的按钮代码:

    <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+ 脚本。

但是，现在我面临一个非常奇怪的问题。有时(我不知道是什么原因)当页面加载时，我的 Tweet 按钮会变成 Google+ 按钮。所以正确的是这样的:

但有时(我尝试刷新和完全刷新几次但现在无法重现，就像这个 Photoshop 版本一样)我得到这个:

而且这个按钮的行为就像 Google+ 按钮，在 Firebug 中检查只显示两个 Google+ 按钮，没有任何 Tweet 按钮的踪迹。我的标签正确关闭(无论如何它们在不同的 TD 中)，最奇怪的是这个问题只是随机发生的。它现在没有发生，但它今天发生了多次(每次都在完全刷新等之后)。我不知道它是否与 body 之后的脚本标签有任何关系(将标签放入 head 对我来说不是选择，我不想将我的超快速页面加载延迟大约 4-5 Google+ 按钮的秒数)，因为该问题不可重现。

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

Answer 1

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