Кнопка мне нравится вконтакте – виджеты вконтакте для сайта – часть 3.

Здравствуй гость блога WebMasterMaksim.ru, эта статья заключительная в сериале про виджеты для сайта вконтакте и в ней я расскажу про кнопку мне нравиться вконтакте.

Ну я как всегда, в каждой статье про социальную сеть Вконтакте, я говорю, что в рунете, эта социалка занимает лидирующее место по посещаемости, и это нужно использовать всем вебмастерам, то есть раскручивать сайт, беря из вКонтакте хоть часть трафика.

Ознакомьтесь пожалуйста со статьями про виджеты Вконтакте, и вы узнаете что это такое, как их установить на сайт, что они вообще дают вебмастерам и так далее:

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

Кнопка мне нравится вконтакте - виджеты вконтакте  для сайта

Кнопка мне нравится вконтакте – виджеты вконтакте для сайта


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

Также кнопка мне нравиться Вконтакте может привлечь дополнительный траффик на вашу интернет площадку, то тесть ели хоть один пользователь кликнул по ней, то его друзья увидят это действие и могут перейти к вам на сайт.

И предположим у этого пользователя нажавшего на кнопку много друзей вконтакте, то вы можете получить много посещений.

Как установить кнопку мне нравиться Вконтакте себе на сайт.

Ну первое что нужно сделать чтобы установить кнопку «мне нравиться» от Вконтакте, это конечно быть зарегистрированным и авторизированным в этой социальной сети.

Теперь нужно пройти не эту страницу и заполнить все поля.

Страница создания кнопки мне нравится вконтакте

Страница создания кнопки мне нравится вконтакте

Смотрите на скриншоте как это сделал я.

Далее выбираем тип-вид кнопки, путем проставления галочки в поле “Варианты кнопки”, внизу вы сразуже можете наблюдать ее видоизменения.

Настраиваем тип-вид кнопки мне нравиться Вконтакте

Настраиваем тип-вид кнопки мне нравиться Вконтакте

И в заключении нам нужно вставить предоставленный нам код себе на сайт.

Для этого копируем первую часть кода (то есть от самого начала и до надписи Put this div tag to the place, where the Like block will be) и вставляем его внутри тега head.

Допустим в вордпресс нужно зайти через админку в редактирование темы и в header.php перед тегом /head вставить его, в joomla идем Расширения > Менеджер шаблонов > выбираем свой шаблон > редактировать HTML и перед закрывающим тегом head вставляем первую часть кода.

Затем копируем вторую часть кода и вставляем в шаблон где должна отображаться кнопка мне нравиться, допустим в jooma это можно осуществить способами описанными в этих статьях: Вставить код счетчика в JoomlaВставить код сразу во все статьи в joomlaВставить модуль в материал Joomla.

Теперь кому нужно, можно решить вопрос с обтеканием кнопки, как вы видете код заключен в div vk_like и там прописано правило clear: both; это правило отменяет обтекание по краям.

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

Для этого в коде заменяем div id="vk_like", на div id="vk_like" style="clear:none !important;"

Вам могут быть полезными следующие статьи:

  • Валентина

    Хорошая статья, но вот как узнать API ID для подключения кнопки на свой сайт, ничего не сказано! А без этого номера полезность статья сводится к НУЛЮ!!!

  • admin

    Валентина, авторизуйтесь в вконтакте, перейдите по ссылке добавьте свой сайт, скопируйте код и установите на сайт, зачем вам API ID??? не пойму.

  • Валентина

    Все сделала, как написано в статье, и тем не менее, скрипт на сайте сбоит :-( Идет сообщение: “Ivalid application “

  • Валентина

    В предыдущем комментарии забыла указать сайт, на который ставлю кнопку “Мне нравится”. Это сайт моей дочери http://foto-4u.com/osen-2012-kiev/. Сайт на SMC WordPress.
    Спасибо Вам, Максим, за помощь.

  • admin

    Валентина, попробуйте другой вид кнопки выбрать, сайт нужно добавить с http:// и не забудьте сохранить.

  • Ka4han

    А если я хочу чтобы при написании статьи в WP под статьей эта кнопка была, в каком файле код прописывать?

  • admin

    файл single.php

  • kachok

    Над виджетом ВК “Мне нравится” перестало появляться окно со списком друзей, кому понравилась статья. Виджет установлен правильно, раньше показывалось.

  • admin

    глюк вк.

  • Александр

    На индексе все кнопки вконтакт-лайк слипаются с верхней. Позвал гуру вёрстки – он лазал-лазал, шарил-шарил – не разлепилось. Заявил что это глюк самого вконтакта в результате.

    Я естественно не поверил. Стал серфить сайты мегамонстров рунета, и нигде на индексе не нашел кнопок вконтакта. Почти везде только твиттеровские.

    Года два назад вроде было не так? Модно было в ленте под каждого поста анонсом иметь полный блок соцкнопок. Что изменилось?

  • admin

    Александр, у меня раньше тоже это все было установлено, но я отказался из-за снижения скорости загрузки сайта, чем больше установлено сторонних скриптов, тем медленей грузится сайт, а тормозной интернет-проект сейчас не продвинешь, поэтому пришлось выбрать самые важные!

  • Александр

    А какая ныне скорость загрузки сайта считается приемлемой для лояльного отношения поисковиков?

  • admin

    Александр, если оценивать по пеги спид, то оценка 90, если скорость загрузки по pr-cy 0.44 – 0.60 сек 130 Кб/сек

  • Анна

    Добрый день! Подскажите пожалуйста, я получила ссылки для установки виджетов на сайте. Все ок, они отображаются. Но как сделать, чтобы они были миниатюрными иконками, как у Вас например справа, без лишней информации? Спасибо.

  • Максим Миронов

    Добрый день! Анна, это у меня не виджет с ВК, я просто вывел сам лучших комментаторов. виджет вк уже давным давно убрал.