Сайт дня (как попасть): гаджеты.
Твиттер становится все более популярным, поисковики Bing и Google уже объявили о том, что вводят поиск по твиттеру в реальном времени.
Естественно, что владельцам сайтов просто нельзя не уделять внимания твиттеру и его потенциалу для развития и продвижения сайта.
В последнее время наблюдается бурное развитие различных сервисов, связанных с твиттером. Одни из самых интересных в том плане - сервисы, предоставляющие владельцам сайтов и блогов так называемые retweet buttons (кнопки ретвита). Вы наверняка видели такие кнопки на многих сайтах и блогах. Их основной признак - отображение числа упоминаний какой-либо страницы в твиттере (или ретвитов) и кнопки "retweet".
На мой взгляд, кнопки ретвита - очередной виток эволюции. Недавно кнопки добавления в социальные сети и соцзакладки были в диковинку, сейчас их можно встретить очень часто.
Я как раз задумал поставить на блог Shakin.ru кнопку ретвита. Эти кнопки позволяют посетителям легко добавлять понравившиеся им материалы в свой микроблог на твиттере, что позволяет получать дополнительных посетителей и создавать так называемый «информационный шум». К примеру, и популярных англоязычных блоггеров число упоминаний многих их постов исчисляется тысячами.
Плюс по кнопке можно наглядно видеть, сколько раз ваша статья упомянута в твиттере, что позволяет определять перспективные в этом плане статьи и тематики на будущее.
Сегодня я расскажу вам о том, как поставить кнопку ретвита к себе на сайт. Причем сделаю это практически в реальном времени - на момент написания этих строк я еще не определился, какую кнопку поставить. Разберу несколько сервисов кнопок ретвита, вместе с вами выберу лучшую, и опишу подробности подробности установки.
Ну что же, открываем Google и вбиваем запрос "retweet button".
1. Tweetmeme
Tweetmeme - пожалуй, самая часто встречающаяся кнопка ретвита на сайтах и блогах. Это и немудрено, ведь Tweetmeme - очень популярный сервис самых цитируемых материалов на твиттере.
Также Tweetmeme предлагает retweet плагины для различных движков сайтов и сервисов. Также предлагаются кнопки ретвита для e-mail и RSS лент.
Для вставки ретвит кнопки Tweetmeme в папке с темой вашего блога WordPress находим файл single.php (или index.php, в разных темах по-разному) и в нужном месте вставляем в него такой код (по аналогии кнопку можно вставить и в любой другой движок сайта, нужно лишь найти нужный шаблон вывода страницы):
<script type="text/javascript" src="https://tweetmeme.com/i/scripts/button.js"></script>
У меня этот код уютно поместился перед этой строкой:
<?php the_content(''); ?>
Думаю, лучше сразу вставлять кнопку так, чтобы между кнопкой и текстом поста был отступ. Пикселей 10 хватит. Поэтому вставляем вышеупомянутый код внутрь слоя:
<div style="float: right; margin-left: 10px;">сюда вставляем код</div>
Хотел привести подробные примеры кодов для Tweetmeme, но, как назло, именно в этих примерах угловые скобки выводятся некорректно. Пробовал по-разному раз 30, в итоге снес эти примеры. Вы их сможете найти на этой странице (описания на английском).
🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь seoshaolin.com. Для читателей блога я делаю хорошую скидку. По прокомоду "блог" тариф Про стоит не 50, а 40 тыс. рублей. Тариф Лайт не 25, а 20 тыс. рублей. Тариф Команда не 75, а 60 тыс. рублей. Пишите мне в Telegram @mikeshakin.Можно еще разместить компактный вариант ретвит кнопки Tweetmeme:
Для истинных джедаев, которые хотят пойти еще дальше, можно предложить вариант кнопки, при нажатии по которой в начале твита будет упоминание вашего ника на твиттере - по умолчанию твит будет состоять из названия поста, названия блога и сокращенного адреса поста. В начале можно разместить ваш ник на твиттере - это увеличит число ваших фолловеров.
2. TwittLink
TwittLink - отличная альтернатива Tweetmeme.
Предлагается плагин TwittLink Button для WordPress.
Есть два варианта кнопки. Код для вставки большой кнопки 50х50 пикселей:
<div style="float: right; margin-left: 10px;"><script src="https://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script></div>
И код для маленькой кнопки размером 40х20 пикселей:
<div style="float: right; margin-left: 10px;"><script src="https://www.twittlink.com/tools/button_s.js" type="text/javascript"/></script></div>
Можно еще вставить дополнительные параметры:
<div style="float: right; margin-left: 10px;"><script type="text/javascript"> tl_title = "Ваш title"; tl_url = "Ваш url"; tl_source = "Ваш twitter аккаунт"; </script> <script src="https://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script></div>
3. Twittley
Twittley - следующий сервис, попавшийся мне на глаза. Для блогов на WordPress есть специальный плагин - Twittley Button.
Для того, чтобы разместить кнопку Twittley, в нужном месте поместите такой код:
<div style="float: right; margin-left: 10px;"><script src='https://twittley.com/button/button.js'/></script><noscript>Your browser does not support JavaScript! Instead, you can visit <a href="https://twittley.com/">Twittley.com</a> for all of your <a href="https://twittley.com/">Twitter social networking</a> needs.</noscript></div>
4. Backtype
Backtype - эта кнопка мне сразу понравилась. Она хорошо смотрится и будет сочетаться с любым дизайном. Плюс предоставляются широкие возможности по изменению внешнего вида кнопки, чтобы было можно сделать кнопку, которая будет хорошо сочетаться с цветовой гаммой вашего сайта.
Для вставки кнопки Backtype используем такой код:
<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="https://widgets.backtype.com/tweetcount.js"></script></div>
Можно задать дополнительные параметры, описание которых можно найти на этой странице (англ):
<div style="float: right; margin-left: 10px;"><script type="text/javascript"> tweetcount_url = 'https://blog.backtype.com/2009/04/backtype-connect-wordpress-plugin/'; tweetcount_title = 'Tweetcount Widget'; tweetcount_src = 'RT @BackType:'; tweetcount_via = false; tweetcount_links = true; tweetcount_size = 'small'; tweetcount_background = 'FFFFFF'; tweetcount_border = 'CCCCCC'; tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda'; </script> <script type="text/javascript" src="https://widgets.backtype.com/tweetcount.js"></script></div>
5. ReTweet
ReTweet - кнопка, которая мне очень напоминает Tweetmeme. Я ее потестировал - на данный момент этот сервис не дружит с кириллицей, все русские буквы в ретвитах отображаются кракозябрами. Возможно, это скоро исправят.
Для блогов WordPress есть плагин - Retweet.com Button.
Для размещения ReTweet кнопки на своем сайте используем такой код:
<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="https://www.retweet.com/static/retweets.js"></script></div>
Также есть компактный вариант кнопки:
Для нее нужен такой код:
<div style="float: right; margin-left: 10px;"><script type="text/javascript"> size = 'small'; </script> <script type="text/javascript" src="https://www.retweet.com/static/retweets.js"></script></div>
Также можно добавить вставку вашего твиттер ника:
<div style="float: right; margin-left: 10px;"><script type="text/javascript"> username = 'mashable'; </script> <script type="text/javascript" src="https://www.retweet.com/static/retweets.js"></script></div>
6. RuTwi
Радует, что в рунете тоже есть сервис, предоставляющий кнопку ретвита для вебмастеров и блоггеров - RuTwi.ru.
Для вставки ретвит кнопки RuTwi на свой сайт или блог используем такой код:
<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="https://rutwi.ru/js/rutwi_button.js"></script></div>
На мой взгляд, вот чего не хватает всем упомянутым кнопкам ретвита, так это более широких возможностей для вебмастера по индивидуализации внешнего вида кнопки. Например, чтобы в оформлении кнопки можно было задействовать картинки, убрать название блога в конце ретвита, изменить слово "retweet" на свое или подключить желаемый сервис по укорачиванию ссылок вместо дефолтного. Думаю, скоро это кто-нибудь обязательно реализует.
Что я хочу сказать в заключение? Я попробовал все перечисленные сервисы, и остановил свой выбор на Tweetmeme. Он мне показался наиболее удобным, к тому же тот факт, что он широко распространен в интернете, о многом говорит.
Постовой (обмен постовыми): Русифицированные премиум темы WordPress для Вашего блога
UniSender - быстрый и надежный сервис доставки e-mail сообщений
Улучшаем индексацию сайта поисковиками - Robots.txt
Десерт сегодня - гигантские куклы на празднике в Берлине:
Подпишитесь на рассылку блога с полезными материалами по SEO
Михаил, пожалуй, Tweetmeme и вправду самый удачный вариант. Он уже наверно скоро "по умолчанию" будет на блогах. Спасибо за актуальную и как всегда интересную информацию
Спасибо, Миш, за таоке подробное описание. Я вот тоже думаю заменить мелкую иконку птички-добавлялки после постов и поставить такую кнопку. Она и виднее и боле информативна.
Думаю самому можно настроить вид кнопки. Или нельзя? Я попробовал бы сам.
Спасибо за информацию, ретвитнул этот полезный пост. Поставил себе Tweetmeme. 🙂
А мне как раз не нравится Tweetmeme тем, что я не могу задавать свои titl'ы в том случае, если сайт не на WordPress а на главной точно так же выводятся новости. Поэтому хорошая альтернатива это TwittLink . Спасибо за обзор
У tweetme очень удобный wordpress плагин, поставил, сделал пару настроек и все работает.
Спасибо за статью!
Согласен насчет того, что нужно давать больше свободы в оформлении кнопок
Михаил, я не в тему, но все же. Поздравляю с достижением планки в 6000+ постоянных читателей!
Михаил, спасибо за отличную подборку плагинов.
Я как раз раздумывал над тем, чтобы обзавестись кнопкой "Retweet" на своем блоге. И тут увидел эту статью. Пойду устанавливать себе самый популярный Tweetmeme.
А мне понравились куклы на видео =)
А мне наш русский понравился :), только слово "ретвит" не нравится, я бы заменила 🙁
Что-то половина из этих кнопок практически одинаково выглядят... Пора мне заводить аккаунт на Твиттере.
Tweetmeme обычно ставят в начале статьи, что не есть гут. Получается, я ее еще не прочитал, а мне предлагают сделать ретвит.
Для блогов на платформе Blogger все это без затей, почти обычным порядком: идете на свою панель управления блогами, выбираете - дизайн - добавить гаджет - дополнительные ! гаджеты - задать в строке поиска вверху Tweetter = 17 вариантов на тему.
Выбираете гаджет Meme +, перетаскиваете на макете куда нравится, например можно и над текстовым блоком поставить.
Думаю, что кнопка будет отражать все твиты с блога, а не с отдельной статьи (?). Но задача пощения в Тви решена. Можно будет и видеть всю картину ретвитов на вас на странице анализа.
полезный пост, спастбо за описание для вордпресса.
Когда то давно стояла такая кнопка на одном из моих блогов, счел ее бесполезной, сейчас пожалуй передумаю 🙂
Михаил, а почему у Вас нету ретвита?
Прошу прощения за оффтоп, хотел посмотреть видео, но вместо видео увидел сообщение:
Это видео для избранных. Если вы получили это видео, не забудьте принять предложение дружбы от отправителя.
На ютубе не нашел отправителя =\
b2b маркетолог, все есть - кнопка в начале каждого поста.
Assassin, спасибо, что сообщили. Автор ролика закрыл его от публики. Ничего страшного, я заменил его ролик другим. Нет незаменимых роликов, есть незамененные 🙂
В Tweetmeme для Blogger есть генератор кнопки, настраиваем как хотим, очень удобно
https://tweetmeme.com/about/plugins/blogger_template
Внимание у некоторых тем WP у которых меню слева, а не как у Михаила справа в файле single.php лучше не ставить код пред строкой <?php the_content(''); ?> , меню может уехать вниз страницы. Лучше после строки которая определяет заголовок поста <h2 class="title"><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title(); ?>"><?php the_title(); ?></a></h2>
Вот спасибо за такую классную подборку! Давно искал подходящий ретвит для блога. Выбрал для себя "Backtype", гибко настраивается и вписывается в дизайн любого блога, без всяких плагинов, а так же коректно обрабатывает русские записи, чего не скажешь о "Twittley".
Спасибо. Очень интересовал этот вопрос. Сначала думал, что это такие темы есть, но гугл сразу вывел на ваш сайт
ПОЖАЛУЙСТА ПОМОГИТЕ!!! У меня такая проблема... когда делается ретвитт с помощью кнопки tweetmeme то вначале предлагают посмотреть твитт, так у меня там одни КРАКОБЯЗЫ!!!!!=((((((((((
Bogdan, попробуйте другую кнопку.
Ставлю Backtype, мне она подходит как нельзя лучше. Белая Шляпа имеет черно-белый дизайн
Растолкуйте фишку, пожалуйста, новичку, Михаил:
Для чего у вас все кнопки кросспостинга в статье и все ссылки на социальные сети в пункте "Приглашаю присоединиться ко мне..." скрыты от поисковиков тэгами <noindex> и rel="nofollow" ? Почему поисковикам не нужно их видеть и индексировать?
А у меня есть и индекс.пхп и сингл.пхп 🙁 вставлюв сингл, посмотрим , что будет.Спасибо !
Если вставляю код Tweetmeme в single.php, то кнопка видна только в самих постах, а на главной кнопки нет. Если вставляю код только в index.php, то наоборот. А если и в тот и в другой, то при ретвите, в посте отображается количество ретвитов, а на главной нет. То есть коды как-то не свзяываются. Что может быть не так?
Здраствуйте благодаря вашему блогу я поставил себе на блог кнопочку Backtype. Подскажите пожалуйста как сделать так что бы в конце твита не было via @ backtype и пользователь оставался на странице блога.