Скрипт социальные битвы Вконтакте

В этой статье мы расскажем, как создать простейший скрипт социальных голосований Вконтакте. Именно на базе такого скрипта построен модуль Social Battle VK Free для InstantCMS 1.10.6, который вы сможете скачать, дочитав текст до самого конца. Тема холиваров (так называемых "священных войн") в социальных сетях до сих пор актуальна, и правильно созданные баттлы могут привести на ваш сайт сотни, и даже тысячи посетителей. Главное - подобрать для голосования достойных проивников, например, Ford Mondeo против VW Passat, или Путин против Обамы, или... Короче, битва должна сильно затрагивать чувства сторонников хотя бы одного из объектов холивара. Дальше всё просто - голосуя за тот, или иной вариант, пользователи соцсетей будут продвигать ваш сайт на своих страничках, тем самым задействуя всё новых и новых своих единомышленников, либо противников.

Скрипт социальных голосований Вконтакте

Итак, какими особенностями должен обладать такой скрипт? Первое, и главное - это счётчик голосов. Именно он поможет мотивировать потенциальных участников к тому, чтобы отдать свой голос за один из вариантов. Второе - возможность задавать каждому объекту голосования собственные картинку, заголовок, описание, и ссылку на страницу, которые будут транслироваться на страничке проголосовавшего Вконтакте. Для этого достаточно использовать две стандартные кнопки "Поделиться", которые предоставляются API вышеуказанной соцсети, и немного модифицировать их.

Для начала подключаем JavaScript между тегами <head>...</head> вашего сайта, или страницы с голосованием на тему Ford Mondeo против VW Passat.

<script type="text/javascript" src="http://vk.com/js/api/share.js?90"></script>

Далее формируем код первой кнопки, согласно документации для разработчиков Вконтакте:

<script type="text/javascript">
document.write(VK.Share.button({url: 'http://mysite.com/mondeo-vs-passat.html', title: 'Форд Мондео vs VW Пассат', description: 'Я голосую за Форд Мондео! Присоединяйся к моему выбору, жми кнопку! Посмотрим, сколько нас!', image: 'http://mysite.com/images/ford-mondeo.png'}, {type: 'button', text: 'Голосовать!'}));
</script>

Код второй кнопки будет похожим, только агитировать мы станем за совершенно обратное:

<script type="text/javascript">
document.write(VK.Share.button({url: 'http://mysite.com/mondeo-vs-passat.html', title: 'Форд Мондео vs VW Пассат', description: 'Я голосую за Фольксваген Пассат! Присоединяйся к моему выбору, жми кнопку! Посмотрим, сколько нас!', image: 'http://mysite.com/images/vw-passat.png'}, {type: 'button', text: 'Голосовать!'}));
</script>

Послее этого у нас уже готовы две отдельные кнопки голосования Вконтакте, способные репостить в VK данные, соответствующие выбору проголосовавшего:

  1. Картинку Форд или Пассат (параметр image)
  2. Заголовок нашего холивара (параметр title)
  3. Описание, призывающее отдать голос за выбранную машину (параметр description)
  4. Ссылку, которую нам необходимо раскручивать (параметр url)

Осталось лишь сверстать саму страницу с социальной битвой, разместить её у себя на сайте, и готовиться принимать трафик. В конечном итоге у вас должно получиться нечто, вроде этого:

ford mondeo Против vw пассат голосование вк

Скачать исходник данного скрипта, и модуль для InstantCMS вы можете прямо сейчас.

Файл "/files/social_battle_html.zip" не найден - исходник

social_battle_instantcms.zip | 82,37 Кб | Скачан: 1004 раза - модуль для InstantCMS

1032 просмотра

Комментарии

rudnin #
15 марта 2016 в 22:00
а для 2 ветки инстантцмс он не подойдет?