Битва брендов как способ увеличения трафика на сайт

Думаю, что уже многие веб-мастера читали пост на Хабре о том, как стартап Битва Брендов увеличил трафик с 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>

Рабочий пример БИТВЫ БРЕНДОВ