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, которая, кажется, помогает.

Сбор цитат

Цитата с видео

Цитата без видео YouTube

Я использую 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'>

Я мог бы отказаться от использования упорядоченного списка кнопок, а также мог бы украсть аргументы из плагина Кена, поскольку я уже дал ему совет, как мне это сделать. ;-) Твиттер-карты FTW!


person Muskie    schedule 16.12.2013    source источник
comment
У меня все работает, кроме фейсбука. Кажется, я не могу лайкнуть что-то более одного раза или даже вообще с моего собственного сайта, но я могу поделиться этим много раз...   -  person Muskie    schedule 19.12.2013
comment
Расширение Google не работает, когда вы выбираете top, по крайней мере, не в Safari. Я трачу так много времени на отладку дерьма, которое даже не является моей ошибкой, когда я использую все эти социальные кнопки. Хорошей новостью является то, что все они работают, за исключением Facebook, и Google Analytics, похоже, их отслеживает...   -  person Muskie    schedule 19.12.2013


Ответы (1)


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

person Muskie    schedule 17.12.2013
comment
Черт, кажется, все работает, но кнопка «Нравится» в Facebook, почему все эти кнопки обмена в социальных сетях не могут работать вместе? - person Muskie; 17.12.2013
comment
Еще одна особенность, которую я обнаружил, когда добавил отслеживание Google Analytics к кнопке Pinterest на статической странице, а также div, который по-разному отображается в Safari… - person Muskie; 17.12.2013
comment
Я попытался изменить стиль кнопки «Мне нравится» в Facebook, по-видимому, есть как минимум четыре способа сделать это... - person Muskie; 17.12.2013