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

【问题标题】：Google+ Button Mutates Tweet Button into another Google+ ButtonGoogle+ 按钮将推文按钮变为另一个 Google+ 按钮
【发布时间】：2011-08-01 12:37:58
【问题描述】：

我正在设计一个网站，其中有一篇博客文章，并且文章下方有 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+ 脚本。

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

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

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

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

【问题讨论】：

您能发布一些您的 HTML/JavaScript 代码吗？否则没有人能够为您指明正确的方向。
我的错。。添加了代码。
英文里，没有最奇葩的。下次写最奇怪的。
它给问题增加了什么？
你可以使用 Opera Dragonfly 来获取 HTML 代码吗，所以它可能希望将 g:plusone 标记更改为真正的 HTML 代码，以便你更新代码示例？

标签： javascript html google-plus-one twitter-button

【解决方案1】：

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

【讨论】：

OP 指定按钮位于不同的表格单元格中。
这正是我正在做的。更新了问题并添加了相关标记。

【解决方案2】：

仅供大家了解：我再也没有遇到过这个问题，我认为这很可能是由于缓存或脚本造成的临时错误。我已经测试同一个网站好几天了，但它再也没有发生过。

【讨论】：