Кнопка отслеживания Twitter не отображается в Google Chrome

Question

Я использовал ресурсы твиттерной кнопки , чтобы сгенерировать код для кнопки подписки, которую я добавил на нужную страницу веб-сайта, над которым я работаю.Код:

<a href="https://twitter.com/daniduffymakeup" class="twitter-follow-button" data-show-count="false" data-size="large">@daniduffymakeup</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

При просмотре страницы в Safari JavaScript для стилизации кнопки выглядит хорошо, так как кнопка оформлена должным образом, однако в Chrome текст ссылки отображается каждый раз и толькооформляется в виде кнопки, если страница перезагружается путем перехода по другой ссылке и перехода назад.Обновление страницы очищает стиль кнопки снова, и иногда даже простой текст ссылки не обрабатывается.

Что может быть причиной такого поведения?Я попытался переместить функцию JavaScript в элемент head страницы, но безрезультатно.

Answer 1

Если вы используете AVG, вам также необходимо снять флажок расширения рекламы и трекеров

Answer 2

Похоже, вы отключили теги сценариев, с теми, что были добавлены обратно, все работает отлично.

Если вы тестируете его локально, хотя изображение не появляется (что может быть проблемой) - оно будет отображаться только при размещении кода на работающем сервере.

ВыВы можете разделить тег скрипта в голове, если хотите, если у вас есть несколько разных типов кнопок твиттера, вам понадобится скрипт только один раз.1009 *, поскольку они часто блокируют динамические плагины социальных сетей, которые содержат функции отслеживания.

Answer 3

Я столкнулся с проблемой, похожей на эту. Моя проблема оказалась в том, что кнопка «Follow» отображалась под его контейнером div только в chrome. Решение было добавить

position: relative;

к фрейму кнопки Follow.