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

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

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

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

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

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

к содержанию ↑

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

Вариант 1

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

Вариант 2

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

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

<script src="https://web7.pro/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://web7.pro/scripts/twitter-bird/twitter-bird-sprite.png";
var twitterfeedreader = ""; 
...

Замените

https://web7.pro/scripts/twitter-bird/twitter-bird-sprite.png

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

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)