2013-12-16 14 views
1

让我建立了一个报价混搭。我添加了一堆社交分享按钮。有效。社会化媒体的JavaScript(按钮)不沿Google+中,脸谱,YouTube的等

我决定将Google+,它不与其他JavaScript/HTML相处。所以我评论了所有其他社交分享按钮,并且Google+按钮仍然无效。然后,我尝试使用不同的引文,其中一个没有YouTube视频,一个YouTube视频没有显示Google+按钮。那是我发现的。

开关YouTube展示的代码确实有帮助,但Facebook的喜欢似乎并没有现在的工作,但Facebook股份不和我不是100%我的OpenGraph出售,因此Google+的元数据。 Facebook最近更新了他们的按钮,现在我发现“分享”比“喜欢”更好。理论上两者都可以在Google Analytics中进行追踪。我希望报价出现在描述中,这对Facebook有用,但我无法在Google+上发生这种情况。也许我需要更多元数据。我改成了og:type文章,似乎有所帮助。

Quotation Collection

Quotation with Video

Quotation with no YouTube Video

我使用PHP构建JavaScript,但对Google+按钮,据我可以告诉从元数据得到的一切。我的元数据也可能有问题,因为我没有像this page那样干净地完成我修改了大部分元数据以尝试让我的股票看起来最好。我需要last.fm来提供更大的图像或重新访问我可以从维基百科获得的内容。

我得到了所有四个按钮以及5个在我的博客工作的社会化分享按钮,但我用了两个插件,该Pinterest的按钮可能不是由谷歌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'> 

我可以切换到不使用按钮的有序列表,我也可以从论据,我已经给了他我会怎么做咨询偷肯的插件看到。 ;-) Twitter卡FTW!

+0

我已经得到了除Facebook以外的所有工作。看起来我不能在我自己的网站上多次或甚至根本不喜欢某些东西,但我可以多次分享它... – Muskie

+0

当您选择top时,Google的expandto不起作用,至少在Safari中不起作用。我浪费了很多时间来调试垃圾,当我使用所有这些社交按钮时,甚至都不是我的bug。好消息是,他们都有点工作,Facebook是例外,Google Analytics似乎跟踪他们... – Muskie

回答

0

我解决我的基本问题。我改变了我包括YouTube视频的方式,从基于iFrame的包含转换为包含对象。现在我需要调整我的元数据,以便在Google+中更好地展示它。我还调整了我的OpenGraph和Twitter卡元数据,并试图通过各种API查找更大的图像。我的最大努力可以在this blog post中看到。

+0

该死的一切似乎工作,但Facebook Like按钮,为什么不能所有这些社交分享按钮相处? – Muskie

+0

当我将Google Analytics跟踪添加到静态页面上的Pinterest按钮和div时,我发现了另一个怪癖,它在Safari中呈现出不同的效果......。 – Muskie

+0

我试图切换Facebook的样式按钮,显然至少有四种方式做这个... – Muskie