Несколько Facebook Like или Share Кнопки на одной странице

Узнайте, как поместить много Facebook Like или поделиться кнопки на той же странице. Держите связанные с URL, уникальный, чтобы добавить несколько лайк и кнопки на странице.

A+ A-

В настоящее время, кнопки Like и доля Facebook, стали очень важным инструментом для обмена на статьи в крупнейшей социальной сети в мире . Таким образом, большое количество веб-сайтов развернуть эту крошечную кнопку так, чтобы пользователи могли обмениваться контентом легко.

Часто, люди хотят поставить более одной кнопки лайк и на том же веб-странице. Например, один нравится доменное имя сайта (например, www.example.com) и другое нравится конкретная статья (например, www.example.com/my-article). К тому же, когда-нибудь вы можете захотеть, чтобы показать, как противоположную кнопку каждого элемента в списке статей! Давайте посмотрим, как это делается.

Используйте только один Div с идентификатором "FB-корень"

Многие люди просто скопировать код, предоставленный Facebook и вставьте его в свои веб-страницы. Для следующей кнопки они создадут еще один экземпляр кода из Facebook и вставить его снова в их веб-страницы. Это создает несколько экземпляров на фб-корневой DIV в коде. Чтобы избежать этого поместите следующий код непосредственно перед открытием тега тела:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=287600731342777&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Добавить несколько нравится или кнопки Share

При добавлении кнопки Facebook Like на веб-странице, вы должны понимать, что каждая такая кнопка любит уникальный URL. То есть, что каждая кнопка FB Как должна быть связана с уникальным URL.

Используйте следующий код, чтобы добавить столько кнопок, вроде как вы хотите. Просто продолжайте вставив этот код везде, где вам нужно кнопку Like:

<DIV класс = "FB-типа" данных HREF = "UNIQUE-URL" данных макет = "стандарт" данные действия = "как" данные шоу-граней = "истина" данных доля = "истинный"> < / DIV>

Вы можете иметь несколько кнопок, если вы повторите описанные выше DIV тег.

Только не забудьте изменить значение данных-HREF по мере необходимости.

Если вы будете вставлять этот DIV несколько раз , но не изменит значения данных-HREF, вы все равно увидите несколько кнопок FB как , но все они будут показывать одинаковое количество подобных , потому что все они будут связаны с одним URL.

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

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

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии