Кнопка Вконтакте "Мне нравится" для сайта, кнопка поделиться, сохранить | Wild SEO
WordPress >

Добавить кнопку Вконтакте «Мне нравится» для сайта (Поделиться, Сохранить)

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

Думаю вам будет интересно почитать мою конкурсную статью «Продвижение неизбежно«.

Сейчас подобные кнопки «Мне нравится» используют для блогов и сайтов, что позволяет читателям в один клик добавить ссылку на понравившийся материал на свою стену, поделившись ею с друзьями.

Эта статья о том, как добавить кнопку Вконтакте »Мне нравится» на свой блог. Способов добавления подобной кнопки много, о них будет рассказано ниже.

Можете почитать Как добавить Кнопку Facebook «Мне нравится»


Еще одна статья по установке кнопок: Как установить кнопку Twitter

Четвертая (включая данную) статью про установки кнопок: Установка кнопки google +1.

Советую почитать статью о заработке на постовых в RotaPost.

А так же поучаствовать в моей акции — Обзор блога каждому.

кнопка вконтакте мне нравится

Во-первых, на один из  пунктов добавления кнопки я описывать не буду. Это установка кнопки плагином или скриптом, который устанавливает сразу весь набор социальных кнопок. Например как этот скрипт от Яндекса.

Способов много, но на вкус и цвет… Я обычно вижу использование набора кнопок соц закладок и кнопка Вконтакте «Мне нравится» вынесена еще отдельно  - бывает и такое.

Использование виджета Вконтакте:

Такой способ добавления кнопки предоставляет сама сеть Вконтакте. Для установки кода переходим по данной ссылке: Виджеты Вконтакте.


Видим перед собой блок, в котором необходимо заполнить данные:

настройка виджета вконтактеЗаполняем поля «Название сайта», «Адрес сайта», «Основной домен сайта» (основной домен должен заполняться автоматически, когда вы будете заполнять адрес сайта). После этого нажимаем кнопку «Сохранить».  У вас должны пропасть строки заполнения данных и появиться вместо них одна «Сайт/приложение», где и будет ваш добавленный ресурс.

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

После этого полностью копируем «Код для вставки».

Открываем ваш файл single.php и ищем строчку <?php the_content(»); ?>


После этой строчки вписываем тег <p> — чтобы был отступ сверху кнопки, далее вставляем код кнопки («Код для вставки»), опять прописываем <p> — делая отступ снизу кнопки. Код виджета лучше занести в теги <noindex>код</noindex>, чтобы поисковик не индексировал код. После всего проделанного сохраняем и видим результат:

кнопка мне нравится вконтакте на блогеКнопка отображается и функционирует. Попробуйте ее в действии.

Установка своей кнопки «Мне нравится»:

Всегда на блоге хочется установить что-то свое. Так же и с кнопкой «Мне нравится», если вам не нравится то, как отображается она с помощью виджета — делаем собственную кнопку.

Во-первых, ищем подходящую картинку для кнопки.  Я использую данную картинку, но вы можете использовать любую:

Кнопка Вконтакте "Мне нравится"

Загружаем картинку к себе на хостинг в папку images в папке с шаблоном (темой). У меня путь до папки выглядит так:

1
http://blognat.ru/wp-content/themes/Krem_Jam/kremjam/images/me_in_vkontakte.png

Следующий шаг. Заходим в файл single.php и ищем место куда вставить кнопку. Я рекомендую ставить кнопку в конце поста. Как и в прошлом варианте, ставим указанный ниже код после <?php the_content(»); ?>

<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" ><img src="<?php bloginfo('template_url'); ?>/images/me_in_vkontakte.png"  title="Поделиться ВКонтакте" alt="Поделиться ВКонтакте" /></a>


В данном коде необходимо поменять только название картинки, если оно отличается от моего (me_in_vkontakte.png)
Сохраняем и проверяем работу кнопки:

Вконтакте своя кнопка
Используя данный вариант, нажимая на кнопку «Вконтакте», пользователя будет перенаправлять на страницу публикации ссылки, где он может указать «Заголовок ссылки», указать, надо ли показывать изображение (если изображений в статье несколько, то какое из них),  можно сразу же откомментировать данную ссылку, а так же указать галками, куда отправлять сслыку: на стену и (или) в заметки. выглядит эта страница так:

страница настройки публикации ссылки

Кстати, для собственных кнопок я советую устанавливать затемнение фон с помощью css стилей. Стили можно применять и к других изображениям, думаю материал будет полезен: Затемнение фона через css.

Установка плагина кнопки Вконтакте:

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

Самый распространенный плагин, для установки отдельной кнопки вконтакте, является плагин VKontakte Share Button, скачиваем его по этой ссылке: Скачать плагин Vkontakte Share Button
Устанавливаем плагин стандартным способом и активируем его.
Заходим в настройки. Плагин полностью русифицирован, так что вам не составит труда настроить его:
настройки плагина Vkontakte Button

Не забудьте указать текст, который будет написан на кнопке. По умолчанию стоит — Save. В моем случае кнопка выглядит так:

отображение кнопки плагина VkontakteПри использовании данного плагина у вас будет появляться окошко как и в предыдущем варианте, где вы можете настраивать публикацию ссылки.

Вывод: использовать вы можете любой вариант на свой вкус, но, что главное — использовать надо. Соц сети сейчас становятся чуть ли не главными источниками трафика, а упускать из виду самую большую Российскую социальную сеть — нельзя.

Как и обещал «Ленину» ссылка на его seo блог, за подсказку немного заработать на оплату хостинга на сервисе Nolix.ru. Заработать можно и с не очень посещаемого блога.

Блогнат. Учебник блоггера.


Читать ещё:

К записи оставлено 28 коммент.:

  1. Написал __LEnIN__
    26.03.2011 в 8:55 пп

    Ленин скоро виртуальный СССР создаст наверное)))
    Спасибо за ссылочку)
    По теме скажу так — я ооочень редко клацкаю на эти кнопки, но знаю, что они для гугла очень полезны, но я их ставить все равно не буду, лучше пусть панель от Димокса с закладками стоит и хватит)

    Ответить

  2. [...] Блоггерам рекомендую поставить на блог Кнопку Вконтакте «Мне нравится. [...]

  3. [...] я рассказывал про то, Как добавить кнопку Вконтакте «Мне нравится» к себе на блог. Сегодня я решил описать несколько [...]

  4. [...] почитать как установить кнопку Мне нравится от Вконтакте и Like (мне нравится) от [...]

  5. [...] по Вконтакте (можете почитать как установить себе кнопку Мне нравится Вконтакте) и по ЖЖ. Если клик по ЖЖ  был не пустой, то есть тот кто [...]

  6. [...] и сетей к себе на блог. До этого я писал о способах добавления кнопки Вконтакте «Мне нравится» и кнопки Facebook «Мне нравится». На этот раз [...]

  7. Написал Stafox
    24.04.2011 в 2:13 дп

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

    Ответить

    Написал Russkii

    Stafox, в твоих статьях не нашел вообще соц кнопок, кроме твиттера. Лучше какие-нибудь все таки установить.

    Ответить

    Написал Stafox

    Было это давно и не правда. Сейчас в моём новом шаблоне есть много чего.

    Ответить

  8. Написал Людмила
    27.08.2011 в 1:21 пп

    Помогите разобраться! Код для контакта сделала. Копирую, вставляю. А он семь раз один под одним. С переходом на следующий пост! Что делать? У меня не вордпрессс, а блоггер. Но я думаю схема одна.

    Ответить

    Написал Russkii

    не там вставляете, стопудово)

    Ответить

  9. Написал Mamarada
    16.10.2011 в 3:16 пп

    Спасибо большое!!!

    Ответить

    Написал Russkii

    Плжалуйстатата :)

    Ответить

  10. Написал E-lovtzova2010
    25.10.2011 в 10:30 пп

    Кнопочки очень нужный элемент для сайта, тем более что это способствует продвижению, так как из соц. сетей идёт неплохой трафик. Спасибо!

    Ответить

  11. Написал Владик
    30.10.2011 в 11:43 дп

    Спасибо!
    Правда я установил с помощью плагина.
    но думаю, что ваша инструкция будет очень и очень полезна новичкам!)

    Ответить

  12. Написал Макс
    31.10.2011 в 9:44 дп

    Сейчас и себе сделаю.

    Ответить

  13. Написал Макс
    31.10.2011 в 9:44 дп

    Сейчас и себе сделаю.

    Ответить

  14. Написал cosmos345
    23.11.2011 в 8:49 пп

    Хорошо и подробно описано, но хотелось бы модуль на друпал.

    Ответить

    Написал Russkii

    с друпал, к сожалению, не работаю

    Ответить

  15. Написал Zonoid
    29.11.2011 в 7:53 пп

    После вставки кнопки от Вконтакта, появились страшные тормоза при загрузке блога.
    Так же ставил комментарии от вконтакта — аналогично. Иногда вместо кнопки — пустое место»… Так что удалил. К тому же, ИМХО это гон. Никто по не не щелкает, может поначалу щелкали, а теперь привыкли. Примелькалась.

    Ответить

  16. Написал Александр Воробьев
    03.06.2012 в 5:39 пп

    Наконец-то и у меня есть мне нравится от вконтакте! Спасибо!

    Ответить

  17. Написал Виктор
    04.06.2012 в 4:45 дп

    Хочу вставить эти лайки, после записи «Далее», то есть, чтобы на главной странице уже было видны кнопки, и чтобы кликая на них они лайкали именно ту новость, ниже которой расположены, а у меня получается, что лайкают главную страницу!

    Ответить

  18. Написал Вадим
    12.08.2012 в 3:13 пп

    Спасибо! Пригодилось!!

    Ответить

  19. Написал OmG
    28.10.2012 в 12:01 пп

    А у меня чо-то не пашет, твитер я настроил, а кнопки фейсбука и контакта не хотят появляться. Все делаю по написанному

    Ответить

  20. Написал Николай
    15.01.2013 в 4:02 пп

    Вот ещё вариант: http://www.likebtn.com

    Ответить

  21. Написал Normanen
    21.03.2014 в 9:40 пп
  22. Написал Sergeyen
    23.03.2014 в 3:16 пп
  23. Написал Vladismt
    23.03.2014 в 3:18 пп

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