Социальные медиа JavaScript (кнопки) не ладят с Google+, Facebook, YouTube и т. Д.
Я построил цитату Mashup. Я добавил кучу кнопок для социальных сетей. Это сработало.
Я решил добавить Google+, и он не уживается с другими JavaScript / HTML. Поэтому я закомментировал все остальные кнопки обмена в социальных сетях, и кнопка Google+ все еще не работает. Затем я пробую другую цитату: одна без видео YouTube работает, другая с видео YouTube не показывает кнопку Google+. Это то, что я обнаружил.
Переключение кода отображения YouTube помогает, но Facebook, похоже, не работает сейчас, но Facebook Share делает, и я не на 100% продан за мой OpenGraph и, следовательно, метаданные Google+. Facebook недавно обновил свою кнопку, и теперь я считаю, что "Поделиться" работает лучше, чем "Нравится". Оба могут быть отслежены в Google Analytics в теории. Мне бы хотелось, чтобы в описании появилась цитата, которая работала для Facebook, но я не могу этого добиться в Google+. Возможно, мне нужно больше метаданных. Я изменил на og:type article, который, кажется, помогает.
Я использую PHP для создания JavaScript, но кнопка Google+, насколько я могу судить, получает все из метаданных. Возможно, что-то не так с моими метаданными, так как я делаю это не так аккуратно, как на этой странице. Я пересмотрел большую часть своих метаданных, чтобы мои акции выглядели лучше. Мне нужен last.fm, чтобы предоставить большие изображения или пересмотреть то, что я могу получить из википедии.
У меня все четыре кнопки хорошо работают, 5 кнопок социального обмена работают в моем блоге, но я использовал два плагина, кнопка Pinterest, вероятно, не отслеживается Google Analytics, но остальные четыре кнопки. Я почти уверен, что у меня почти все получилось вчера вечером, страшно, что тег li, кажется, имеет значение, если вы используете div и кучу 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!
1 ответ
Я решил свою основную проблему. Я изменил способ включения видео с YouTube, переключившись, вероятно, с включения iFrame на объект include. Теперь мне нужно настроить метаданные, чтобы они лучше отображались в Google+. Я также настроил метаданные OpenGraph и Twitter Card и пытаюсь найти изображения большего размера с помощью различных API. Мои лучшие усилия в этом можно увидеть в этом блоге.