1. Главная
  2. Блог
  3. Полезные статьи
  4. Кнопка Twitter – вы много о ней не знали!

Кнопка Twitter – вы много о ней не знали!

Многие знают и пользуются этой кнопкой ретвита, но не все используют её возможности по максимуму, в этой статье попробуем разобраться, что и как можно настроить в этой кнопке.

Существует три вида кнопок:

Кнопка Twitter

Функции у всех одинаковые, различия только в размере.

Чтобы поставить такую кнопку в базовой комплектации так сказать на сайт, надо зайти по этой ссылке, ввести своё имя в Твиттере, выбрать размер и скопировать полученный код на сайт:

<a href="https://twitter.com/share" class="twitter-share-button"

data-count="horizontal">Tweet</a>

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

Такой код не будет правильно работать в WordPress, поэтому его надо немного изменить:

<a href="http://twitter.com/share" class="twitter-share-button"

data-count="horizontal"
data-url=""
data-text="(); ?>">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Теперь прописав его в single.php у вас будут правильные сообщения, с ссылкой именно на тот пост, где пользователь нажал кнопку. Этот же код подойдёт для вывода кнопки на главной странице к каждому посту, как у меня на главной.

Добавляем «Советую подписаться»

После того, когда пользователь сделал ретвит записи, можно ему выводить аккаунт, на который вы советуете подписаться:

Рекомендуемые аккаунты в Твиттере

За это отвечает атрибут data-related. Если добавить ещё data-via="ваш логин", то помимо аккаунта который вы советуете, будет отображаться ещё и ваш. Поэтому получается, что в этом окне можно выводить максимум два твиттер аккаунта, ваш и ещё один какой-нибудь. Если пользователь уже подписан ваши советуемые аккаунты, то ему ничего не будет выводиться.

В таком случае добавиться ещё один атрибут:

<a href="http://twitter.com/share" class="twitter-share-button"

data-url=""
data-text="(); ?>" //Берём текст сообщения из Тайтла
data-via="seocospi"
data-related="wazgen:Продвижение сайтов"
data-count="horizontal">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Язык оформления кнопки

Чтобы выбрать язык оформления кнопки, надо добавить ещё одну строчку:

data-lang="en"

Этот пример для английского языка, для русского надо добавить ru:

Язык для кнопки

Таблица атрибутов:



АтрибутыЗначения
data-urlURL страницы для твита
data-viaУказывается ник, кто написал статью/пост
data-textТекст сообщения
data-relatedРекомендуемые аккаунты
data-countРазмер/Тип кнопки
data-langЯзык кнопки

На этом всё, спасибо за внимание, не забываем подписываться на обновление блога.

Не забываем, что раскрутка сайтов - это всегда важно. И для этого надо использовать не только SEO, но и SMM.

+7 495 175-40-25
Консультации по вопросам
info@cospi.ru
Электронная почта