Путь к статье: Главная » 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="<?php the_permalink(); ?>"
    data-text="<?php the_title(); ?>">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="<?php the_permalink(); ?>"
    data-text="<?php the_title(); ?>" //Берём текст сообщения из Тайтла
    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-url URL страницы для твита
data-via Указывается ник, кто написал статью/пост
data-text Текст сообщения
data-related Рекомендуемые аккаунты
data-count Размер/Тип кнопки
data-lang Язык кнопки

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

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


Поделитесь записью:
Комментарии
  1. Мистер Томас

    Неплохо, но мне кажется что постоянно напоминание о том что нужно добавить ак при ретвите раздражает.

  2. Вячеслав

    Классно 🙂 Ещё про фейсбук кнопку было б интересно прочитать, а то там тоже мудреная кнопка 🙂

  3. Kirill

    Хм.. Интересное решение. Может попробовать у себя на блоге так реализовать и отказаться от плагина вообще? А то как то он напрягает меня в последнее время, кривыми url’ами. Да и плюс ко всему, думаю, что убрав плагин, хоть какая то нагрузка уйдет. Все таки код на много лучше чем плагин. Или я не прав?

  4. Cospi

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

  5. Kirill

    Попробовал сейчас код исправленный поставить. Все сделал, как в посте. Кнопка появилась только внутри поста, а вот на главной так и не появилась. Плюс ко всему, надо с файлом CSS играться, что бы поставить кнопку именно там где мне нужно. Так, что пока провал. Вернулся к плагину

  6. эдуард

    Зайдите пожалуйста ко мне на сайт , я поставил кнопку твиттера , но походу из всех только она не работает! В чем причина!

  7. Cospi

    Вы не ссылку на сайт бросайте, а лучше код покажите, который вставляли. И что за движок?

  8. kloster

    C этим то все понятно, а вот как сделать кнопку в виде своей картинки со ссылкой? Там большая заморока с русскими буквами…

  9. Cospi

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

  10. SeoTop

    Их 2 вида всего — лайкануть и поделиться т.е. отправить ссылку на ресурс к себе на доску. Все гениальное- просто)

  11. Макс

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

  12. Демьян

    Ну нормально так объяснено. Буду пробовать, тока не пойму чем обычная то кнопка не устаивает ))

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *