Как сделать кнопку Tweet для своего сайта

Модные тенденции такие модные… Кто-то гонится за модой, кто-то за посетителями для сайта, кто-то просто делает как все, но все они хотят себе кнопку Tweet на свой сайт, чтобы любой кто зашел на его страницу мог в твиттер тиснуть ссылочку на эту самую страницу :) Для популярных движков есть плагины работающие с твиттером и прочими соц.сетями. Однако как быть, если движок, к примеру, самописный или вообще статичная страница на голом html? А все достаточно просто — сделать кнопку своими руками.
Для этого есть специальный конструктор на http://twitter.com/about/resources/tweetbutton
В конструкторе можно выбрать как будет выглядеть кнопка, подставить какой текст будет добавляться поле ввода и какая ссылка, если ссылка страницы на которой расположена кнопка — вас чем-то не устраивает (к примеру если надо чтобы вставлялась ссылка на новость и ленты новостей, а не на саму ленту).
После манипуляций с конструктором внизу вы получите код для вставки на страницу. К примеру для сайта нашего IrkLUG код который я сгенерировал выглядел вот так:

<a href="http://twitter.com/share" data-url="linux.mirivlad.ru/?123" data-text="ляляля" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

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

<a href="http://twitter.com/share" class="twitter-share-button" data-url="linux.mirivlad.ru/news.php?readmore=".$info['news_id']."" data-text="".$subject."" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

В приведенном примере все просто:
data-url= ссылка которая будет добавленна в твит, соответственно она же на саму новость.
data-text= текст добавляемый в твит. соответственно нужно чтобы он был равен $subject новости.

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

<a href="http://twitter.com/share" data-url="mysuperpage1999999.com" data-text="Это моя супер страничка!!!" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

И вставляется в любое место которое вам нравится. Люди нажимающие на кнопку Tweet, будут помещать в twitter такой текст — «Это моя супер страничка!!! http://t.co/rh428d»
Где url в конце будет автоматически обрезанным внутренним сервисом твиттера url вашей супер странички — mysuperpage1999999.com
Удачи вам в начинаниях ;)

Оцените статью
( Пока оценок нет )
Блог админа