Социальные медиа JavaScript (кнопки) не добираются до Google+, Facebook, YouTube и т. Д.

Question

Я построил котировочный mashup. Я добавил кучу социальных кнопок обмена. Это сработало.

Я решил добавить Google+ и не согласен с другим JavaScript/HTML. Поэтому я прокомментировал все другие кнопки для совместного использования, и кнопка Google+ по-прежнему не работает. Затем я пробую другую цитату, без видеороликов YouTube, с видео на YouTube не отображается кнопка Google+. Это то, что я обнаружил.

Переключение экрана отображения YouTube действительно помогает, но Facebook, похоже, сейчас не работает, но Facebook Share делает, и я не продаюсь на 100% на моем OpenGraph и, следовательно, на метаданных Google+. Facebook недавно обновил свою кнопку, и теперь я считаю, что «Share» работает лучше, чем «Like». Оба они могут быть отслежены в 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, вероятно, не отслеживается Google Analytics, но остальные четыре. Я почти уверен, что у меня почти была работа над прошлой ночью. Скорее всего, тег li, похоже, имеет значение, если вы используете divs и кучу CSS, кажется, что он работает лучше, чем использование списка с одной кнопкой в ​​каждом элементе.

<!-- 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 Cards FTW!

Answer 1

Я решил свою основную проблему. Я изменил то, как я включал видео YouTube, и переключился с, вероятно, на iFrame, включив в него объект. Теперь мне нужно настроить мои метаданные, чтобы они отображались еще лучше в Google+. Я также подкрепил свои метаданные OpenGraph и Twitter Card и пытаюсь найти большие изображения с помощью различных API. Мои лучшие усилия в этом можно увидеть в this blog post.