Привет! Не успели мы отпраздновать открытие блога, как уже закидываем прикольный плагин летающей птички твиттера.

Обновление этого материала вызвана тем, что не имела спрос и было описано нерабочее/неправильное подключение. Сделаем легкий рефреш статьи.

Если Вы еще не обратили внимание, то на этой странице живет питомец — цыпленок твиттера.  Такого питомца можно использовать на тематических блогах, где нужно привлечь часть аудитории в свой твиттер. Решение довольно старое, но за счет лайтовости, его можно спокойно использовать и экспериментировать у себя на блоге. Можно, при желании настроить цели и посмотреть конверсию этого цыпенка. Если бы статья пользовалась актуальностью, я с радостью вывел актуальную конверсию для данной страницы. Сколько людей заходит и сколько переходит посмотреть. Но это будет неправильная конверсия, потому что люди будут смотреть из-за любопытства, стоит ли такого цыпленка добавлять к себе на блог.

Переходим непосредственно к обзору.

 

Flying-twitter-bird-for-blogger

При наведении курсором на нее появляются надписи «tweet this» и «follow me», которые имеют свои ссылки.

Как установить?

Вариант 1

Скачиваем прикрепленный архив и заливаем его на хостинг, раскидав файлы по соответствующим папкам.

Вариант 2

Использовать мой сайт как CDN.

 

Перед </head> прописываем код:

<script src="https://romua1d.ru/scripts/twitter-bird/twitter-bird.js?x84952" type="text/javascript"></script>
<script type="text/javascript">
var twitterAccount = "ваш_ник_в_twitter";
var tweetThisText = "<data:blog.pageTitle/>:<data:blog.url/>";
tripleflapInit();
</script>

Не забудьте вписать путь к скрипту и ник в твиттере, если используете вариант 1.

Необязательно, но важно

По умолчанию в js коде прописан путь к картинке с совсем другого сайта (с моего :)).

...
if (typeof(otherPageOrFeed) != "string" || otherPageOrFeed == "") var otherPageOrFeed = false;
var birdSprite = "https://romua1d.ru/scripts/twitter-bird/twitter-bird-sprite.png";
var twitterfeedreader = ""; 
...

Замените

https://romua1d.ru/scripts/twitter-bird/twitter-bird-sprite.png

На свой адрес к спрайту!

 

[sociallocker]

JS летающая птичка твиттера

Значок
Размер: 68.39 KB
Скачано (раз): 617
Версия: 1.0.0
ФайлДействие
twitter_bird.zipСкачать 

[/sociallocker]

Голосовать
Об авторе

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

Смотреть посты