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

Скрипт Битва брендов

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

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