Думаю, что уже многие веб-мастера читали пост на Хабре о том, как стартап Битва Брендов увеличил трафик с 0 до 100.000 уникальных посетителей в сутки всего за неделю.
Идея сервиса очень простая: предоставить пользователям социальных сетей (Вконтакте, Facebook и Twitter) возможность проголосовать за любой из брендов разместив у себя на аккаунте соответствующую ссылку. Интересно то, что процесс голосования имеет «вирусный эффект», когда каждый следующий голос ускоряет процесс получения нового голоса.
Уже через неделю сервис имел 100 тысяч посетителей в сутки.
В обсуждении подобного вирусного эффекта в теме на Серче я предложил применить его на блогах. Конечно писать отдельный скрипт для такого «социального голосования» не захотелось, поэтому я сделал все проще.
За основу я взял кнопку Вконтакте Сохранить ВКонтакте.
Далее я создал картинку с изображением брендов (Skype против ICQ) за которые и предлагал проголосовать. Блок «Битвы брендов» я разместил после поста. Результаты голосования конечно не такие впечатляющие как хотелось бы, но все-таки есть.
Честно говоря трафик увеличился примерно на 10-15 хостов в сутки (конечно, не густо). 🙂
Сегодня я сделал еще несколько голосований, которые будут периодически заменять друг друга.
Чтобы установить на свой сайт «Битву брендов» просто скачайте этот файл (60 kB), закиньте его в корень сайта и разархивируйте.
В шаблоне header.php перед закрывающим тегом HEAD вставьте:
<script type="text/javascript" src="//vk.com/js/api/share.js?11" charset="UTF-8"></script>
В самом конце файла style.css добавьте строку:
.golosa_rss {clear:both;background: url(/golosa_scripts/postdata.gif);font-size:12px; background-color:#f4f4f4; padding:7px 2px 7px 2px; border:1px dashed #4E729A;overflow:hidden;}
В файл шаблона single.php своей темы WordPress в том месте, где вы хотите отображать голосование, обычно сразу после строчки <?php the_content(»); ?> добавьте всего одну строку:
<script src="/golosa_scripts/golosa.js" type="text/javascript"></script>
Все. Скрипт работает.
Любой ява скрипт тормозит загрузку веб страницы. Чтобы этого не происходило, скрипт можно загружать ассинхронно.
В том месте, где нужно отобразить блок «Битва брендов» вставляем строку:
<div id="golosa_block" class="golosa_block"></div>
В самом конце HTML документа перед закрывающим тегом BODY вставляем:
<!-- Golosa Add --> <div id="golosa_ad" class="golosa_ad" style="display:none;"> <script type="text/javascript" src="/golosa_scripts/golosa.js" charset="UTF-8"></script> </div> <!-- End Golosa Add --> <script type="text/javascript"> document.getElementById('golosa_block').appendChild(document.getElementById('golosa_ad')); document.getElementById('golosa_ad').style.display = 'block'; </script>
