Значок поделиться в контакте. Кнопка вконтакте для wordpress блога — разные методы и лучшие плагины

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

Создание приложения

Для начала перейдем по ссылке «Разработчикам» (находится внизу интерфейса) и выберем вкладку «Мои приложения». Если ранее вы не создавали виджеты ВК, список приложений будет пуст. Вам необходимо создать новое. Сделать это можно, кликнув по ссылке «Создать приложение».

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

Создание виджета

Откроем вкладку «Документация» и выберем подраздел «Сайты и виджеты». В блоке «Виджеты для сайта» выберем необходимый виджет – «Мне нравится».

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

Размещение виджета в шаблоне Котонти

Откроем шаблон header.tpl и в блоке head разместим код, который примерно выглядит так:

VK.init({apiId: 4752432, onlyWidgets: true});

Там, где необходимо разместить непосредственно саму кнопку лайков, например в шаблоне page.tpl, добавим код:

VK.Widgets.Like("vk_like", {type: "mini"});

Пожалуй, сегодня уже никто не сомневается в том, что установка кнопок социальных сетей на своём сайте – дело не просто полезное, но необходимое. Всё больше людей становится их завсегдатаями, и упускать возможность продвижения статей своего сайта с помощью ВКонтакте было бы недопустимо.

Как сделать перепост ВКонтакте удобным

Стандартная кнопка ВКонтакте для движка Blogger расположена так, что её могут и не заметить. Разместить на своём сайте кнопку для перепоста ВКонтакте можно с помощью такой ссылки:

Ещё один способ, как сделать перепост ВКонтакте

Добавьте в секцию строчку.

В нужное место на странице добавьте непосредственно код виджета:

document.write (VK.Share.button ({

url: "http://example.com/page/123",

title: "Заголовок",

description: "Описание",

image: "http://example.com/картинка_к_посту.jpg",

Есть и другие варианты документации. Чтобы загрузка не тормозилась, можно поставить вызов скрипта с сервера в самом низу страницы (перед закрытием ). И там сформировать виждет, а потом поставить на странице в нужное место.

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

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

Сегодня основатель Вконтакте Павел Дуров опубликовал новость о нововведениях в этой социальной сети, среди которых - кнопка «Мне нравится» и виджет друзей.

Для настройки и получения кода кнопки переходим по этой ссылке . Заполняем название сайта, адрес сайта и основной домен:

Ширину я оставил по умолчанию - 496 пикселей. Можете изменить ее при необходимости:

Для этого открываем файл header.php в папке с вашей темой (если у вас блог на WordPress) и помещаем выделенный участок кода в пределах тега . Для новичков поясню - найдите закрывающий тег и поместите этот код сразу перед ним, чтобы получилось вот так:

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

Виджет друзей Вконтакте (виджет сообществ)

Виджет сообществ Вконтакте - это, по сути, блок друзей. Посетители вашего сайта смогут присоединиться к вашей группе Вконтакте с помощью виджета сообществ одним кликом.

Предварительно нужно создать группу своего сайта на сервисе Вконтакте. На этом я подробно останавливаться не буду, можете почитать цикл статей Максима Шпона Большой FAQ по оформлению и раскрутке группы Вконтакте .

После создания группы для настройки и получения кода виджета сообществ Вконтакте переходим по этой ссылке .

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

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

Отмечаем галочку «Показывать участников», с ними виджет смотрится намного интереснее:

По ширине - как я понял, задать ширину виджета менее 200 пикселей на данный момент нельзя. Я хотел вывести виджет сообществ Вконтакте в боковой колонке блога, но для этого нужна ширина в 180 пикселей.

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

Если вы хотите поместить виджет сообжеств Вконтакте в боковой колонке вашего блога и ширина в 200 пикселей вам подходит, то помещаем выделенный далее на скриншоте код в нужном месте файла sidebar.php . Если вам нужно разместить виджет Vkontakte после статей, то помещаете выделенный код в файле single.php (в ряде тем это index.php ) после кода