Главная » Продвижение сайтов » SMM и SMO » Устанавливаем кнопку Tweet Button на WordPress и LiveStreet

Устанавливаем кнопку Tweet Button на WordPress и LiveStreet

Как Вы могли заметить, на блоге появилась кнопочка Tweet Button. Давно хотел поставить нечто подобное на блог, Twitter все больше популяризируется в рунете, существуют уже целые стратегии по продвижение своего твита и привлечение потенциальных клиентов.

Устанавливаем кнопку Tweet Button на WordPress и LiveStreet

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

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

Установка Tweet Button для WordPress:

Перво-наперво необходимо зайти на страницу https://twitter.com/about/resources/tweetbutton и выбрать внешний вид кнопки;
Скопировать cгенерированный код, он будет выглядеть примерно так:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="livegomelcom">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

только вместо data-via="bitby" у вас должно быть data-via="ВАШ_НИК".

Я установи данный код в файлах index.php и single.php предварительно настроив DIV-блок:

<div style="float:right; padding-right:5px;">код кнопки</div>

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

data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" rel="nofollow"

В итоге у Вас должно получится:

<noindex><div style="float:right; padding-right:5px;"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="bitby" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></noindex>

Как Вы видите я еще добавил атрибут rel="nofollow" и добавил блок в noindex дабы сократить количество внешних ссылок :)

Поставили, сохранили, обновили — вуаля! Все работает :)

Установка Tweet Button на LiveStreet

Для установки на движок LiveStreet проделываем все выше сказанное, за исключением добавления кода, т.к. в LiveStreet'e немного по-другому устроен вывод ссылок топиков и их заголовков.

В сгенерированный код на странице https://twitter.com/about/resources/tweetbutton мы вставляем:

data-url="{if $oTopic->getType()=='link'}{router page='link'}go/{$oTopic->getId()}/{else}{$oTopic->getUrl()}{/if}" data-text="{$oTopic->getTitle()|escape:'html'}"

Вставляем код, я кстати устанавливал в tpl-файлы topic и topic-list.

Для установки кнопки в WordPress существует еще множество плагинов, однако, как по-мне так лучше ручного вывода еще ничего не придумали. Буду признателен за ретвит — ведь еще делать стало еще проще :) С уважением, Vasilenko Ivan!
13 августа 2011 в 13:04Один комментарий SMM и SMO

Комментарии — Один комментарий

  1. [...] блоге, я писал о том, как установить кнопку Вконтакте, Твиттер и Фейсбук, а так же 10 наиболее популярных приемов [...]

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

имя:

e-mail:

сайт:

текст:

Subscribe without commenting