Добавление лайков на сайт

Недавно сделал заглушку для сайта — и решил на нее поместить «Лайки» (также известные как «Мне нравится») от популярных социалок, как то вконтакт, лицокнига и твиттер.

Столь простая задача легко далась применительно к твиттеру и фейсбуку, а вот вконтакт, как всегда, показал совю истинную сушность и заставил немного повозится…

Итак начнем с самого простого —

twitter

заходим на страничку Tweet button, выбираем дизайн, настраиваем нужные опции… Главное не забыть на закладках указать текст и урл для твита. Затем копируем получившийся html код в то место на сайте, куда хоть батон и готово.

facebook

ничем не отличается от twitter’а — идем на страничку Like button а далее все также, только настроек еще меньше )

vkontakte

а тут начинаются некоторые заморочки, но разобравшись — все просто. Самый главный недостаток вконтактового лайка — что он требует расположения части скрипта в <head>’е страницы. Далеко не везде есть такая возможность… Ну у нас свой собственный хостинг, потому проблемы с этим не возникло.

Итак для начала идем на главную страницу для разработчиков здесь и жмем кнопку «Подключить сайт» — название будет отображаться в выпадающем списке при создании кнопки а адрес и базовый домен можно указать одинаковые, где расположена ваша страничка. Затем жмем подключить, вводим капчу и получаем APP_ID без которого ничего работать не будет.

Теперь идем на страничку создания лайк батона здесь, выбираем наш сайт, дизайн и получаем код. (Здесь же можно не только получить кнопку лайк, но и систему опросов, коментов итд итп)

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?23"></script>

<script type="text/javascript">
 VK.init({apiId: здесь_будет_тот_самый_app_id, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script>

В общем то код прозрачен, верхнюю часть копируем в <head> нужной странички, остальное в то место, где мы желаем видить этот самый лайк. И вуаля, если вам сильно повезло — на своей страничку вы увидите лайк вконтакта.

PS: Да, собственно моя страничка — ебантяи.рф

Реклама

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s

%d такие блоггеры, как: