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

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

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

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

Flying-twitter-bird-for-blogger

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

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

Вариант 1

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

Вариант 2

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

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

<script src="https://romua1d.ru/scripts/twitter-bird/twitter-bird.js" 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

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

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

Значок
Размер: 68.39 KB
Скачано (раз): 1317
Версия: 1.0.0
ФайлДействие
twitter_bird.zipСкачать 
Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Об авторе

Web Developer. Имею экспертизу в таких вещах как FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

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