我构建了一个报价混搭。我添加了一堆社交分享按钮。它起作用了。
我决定添加 Google+，但它无法与其他 JavaScript/HTML 兼容。所以我注释掉了所有其他社交共享按钮，但 Google+ 按钮仍然不起作用。然后我尝试了一种不同的报价，一种没有 YouTube 视频的报价，一种有 YouTube 视频的报价，但不显示 Google+ 按钮。这就是我发现的。
切换 YouTube 显示代码确实有帮助，但 Facebook like 现在似乎不起作用，但 Facebook Share 可以，而且我并没有 100% 相信我的 OpenGraph 以及 Google+ 元数据。 Facebook 最近更新了他们的按钮，现在我发现“分享”比“点赞”效果更好。理论上，两者都可以在 Google Analytics 中进行跟踪。我希望引用出现在描述中，这适用于 Facebook，但我无法在 Google+ 上实现这一点。也许我需要更多元数据。我改为 og:type 文章，似乎有帮助。
Quotation with no YouTube Video
我使用 PHP 来构建 JavaScript，但据我所知，Google+ 按钮可以从元数据中获取所有内容。我的元数据也可能有问题，因为我做得不像 this page 那样干净。我修改了大部分元数据，试图让我的股票看起来最好。我需要 last.fm 来提供更大的图像或重新访问我可以从维基百科中获得的内容。
我的博客上有 5 个社交共享按钮，所有四个按钮都正常工作，但我使用了两个插件，Pinterest 按钮可能不会被 Google Analytics 跟踪，但其他四个按钮可以。我很确定昨晚我几乎让它工作了，可怕的是，如果你使用 div 和一堆 CSS，li 标签似乎会有所不同，它似乎比使用每个项目中都有一个按钮的列表更好。
<!-- Professional Share Plugin--><div class="ProfessionalShareBox"><div class="PSBtn"><script type="IN/Share" data-counter="right" data-showzero="true" data-onsuccess="LinkedInShare"></script></div><div class="PSBtn"><a href="https://twitter.com/share" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://twitter.com']);" class="twitter-share-button" data-lang="en" data-via="MuskieMcKay"></a></div><div class="PSBtn"><div class="g-plusone" data-size="medium"></div></div><div class="PSBtn"><div class="fb-like" data-href="http://blog.muschamp.ca/2013/11/24/back-from-mexico/" data-send="false" data-width="90" data-layout="button_count" data-show-faces="false" data-action="recommend"></div></div></div><div id="fb-root"></div><div class='yarpp-related yarpp-related-none'>
我可能会改用不使用有序的按钮列表，而且我也可能会从 Ken 的插件中窃取参数，因为我已经向他提供了如何做到这一点的建议。 ;-) Twitter 卡 FTW!
最佳答案
我解决了我的基本问题。我改变了包含 YouTube 视频的方式，从可能基于 iFrame 的包含切换到对象包含。现在我需要调整我的元数据，使其在 Google+ 中显示得更好。我还调整了 OpenGraph 和 Twitter Card 元数据，并尝试通过各种 API 查找更大的图像。我在这方面的最大努力可以在 this blog post 中看到。 .
关于javascript - 社交媒体 JavaScript(按钮)无法与 Google+、Facebook、YouTube 等兼容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20602340/