社交媒体JavaScript(按钮）无法相处Google+，Facebook，YouTube等

我构建了一个引号混搭。我添加了一堆社交分享按钮。成功了。

我决定添加Google+，但它与其他JavaScript/HTML相处不融洽。所以我注释掉了所有其他社交分享按钮，Google+按钮仍然不起作用。然后我尝试一个不同的报价，一个没有YouTube视频它有效，一个YouTube视频不显示Google+按钮。这就是我的发现。

切换YouTube显示代码确实有帮助，但Facebook喜欢现在似乎不起作用，但Facebook Share确实如此，而且我不是100%出售我的OpenGraph和Google+元数据。Facebook最近更新了他们的按钮，现在我发现"分享"比"喜欢"更好。理论上，两者都可以在Google Analytics中跟踪。我希望报价出现在描述中，这对Facebook有效，但我无法在Google+上发生这种情况。也许我需要更多的元数据。我改成了似乎有帮助的og：type文章。

报价收集

带视频的报价

没有YouTube视频的报价

使用PHP来构建JavaScript，但据我所知，Google+按钮可以从元数据中获取所有内容。我的元数据也可能有问题，因为我没有像在这个页面上那样干净利落地进行操作，我已经修改了我的大部分元数据，试图让我的共享看起来最好。我需要 last.fm 来提供更大的图像或重新审视我能从维基百科中得到的东西。

我得到了所有四个按钮 5 个社交分享按钮在我的博客上工作，但我使用了两个插件，Pinterest 按钮可能没有被谷歌分析跟踪，但其他四个是。我很确定我昨晚几乎让它工作了，可怕的是，如果您使用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 的插件中窃取论点，因为我已经给了他关于我如何做的建议。推特卡FTW！