Каждый блоггер стремится к эффективному продвижению своего сайта с помощью и применяет всевозможные инструменты для этого. А как сделать кнопку Вконтакте? Чтобы добавить её на блог следует зарегистрировать аккаунт на сервисе vk.com (правда людей, не имеющих здесь своей странички, осталось считанные единицы;)). Читайте также статью, . Именно из-за огромной популярности данного сервиса размещение такой приятной функции способно привлечь немало посетителей на площадку.
Как добавить кнопку Мне нравится Вконтакте на свой сайт?1. Для начала требуется войти в свой аккаунт в системе.
3. Теперь выбираем Подключить новый сайт
и заполняем ниже все строки:
– Название сайта: указываете название своего блога или сайта.
– Адрес сайта: прописываете адрес проекта.
– Основной домен сайта: вносится автоматически после заполнения адреса.
Кликнете на Сохранить
.
5. После переходим к дизайну кнопки: я выбрал Кнопка с миниатюрным счетчиком высотой 22 px и в названии указал Мне нравится (второй вариант Мне интересно показался неинтересным:smile:). Данная высота со счетчиком идеально сочетается с уже добавленными кнопочками других социальных сетей на сайте. В самом низу таблицы будет автоматически отображаться вид нашей кнопочки при внесении каких-либо изменений:
6. Сейчас необходимо скопировать предоставленный код и вставить его в блог. Итак, копируем первую часть:
Вот так она выглядит:
| of your page –> VK.init({apiId: 3144046, onlyWidgets: true}); |
7. Теперь код нужно вставить после тега . Если у вас WordPress, то в админке стоит перейти во вкладку Дизайн/Редактор , выбрать файл header.php и добавить скопированный код:
8. Идем обратно на открытую веб-страницу сайта vk.com и копируем оставшуюся вторую часть:
Я разместил сразу же за кодом от кнопки Твиттера.
После нажатия по ней откроется всплывающее окно “Отправка фотографии”. Здесь есть 3 пункта (при условии, что у вас есть свои сообщества вконтакте) :
2. Подписчики сообщества. Щелкнув по надписи “введите название сообщества” вы откроете выпадающий список сообществ, где вы являетесь создателем, редактором или модератором с правами публикации новостей. Можно выбрать только 1 группу или паблик.
3. Отправить личным сообщением. Введите имя друга или email. Вы можете отправить фото в ЛС своему другу из списка или на электронный ящик.
Таким образом можно выбрать аудиторию для которой предназначается фото. При желании можно снабдить его своим комментарием, добавив его в поле “ваш комментарий”:
Как видите настроек не так уж и много и все они несложные.
Процесс отправки видео другим пользователям социалки мало чем отличается от отправки фото. Для начала нужно открыть видеозапись:
Под ней вы увидите несколько кнопок. Нам нужно нажать или просто навести курсор на кнопку “ещё”:
Если ваша цель отправить видео в группу или паблик, то нажимайте по кнопке “добавить в сообщество”. тут же появится окно – “Добавление видеозаписи в сообщество”, где вам будет предложено выбрать из выпадающего списка одну группу или паблик в которую вы хотите расшарить видео:
Как только сообщество выбрано, вам будет предложено выбрать альбом/альбомы куда будет отправлена видеозапись. Выберите нужные и нажмите “сохранить”.
Если же нажав по кнопке “еще” вы выбрали пункт “экспортировать”, то вы увидите следующее окно – “отправка видеозаписи”:
Подвкладка “поделиться” видео ВК
Что не говорите, но в последнее время активность использования различных кнопок добавления постов блога в социальные сети возросла. Идея и доступность данного метода, как мне кажется, намного лучше различных сервисов социальных закладок из которых в рунете большая часть была просто «неживые». Пара-тройка топовых закладочных социалок еще как-то могла существовать и размещаться на страницах блога, но то множество кнопочек и вариантов, которые предоставляли разные сервисы было ни к чему. Сейчас это, пожалуй, можно сравнить с Google Buzz — новый сервис начали использовать многие, на данный момент он вроде как не работает (да и работал ли?), но соответствующая иконка все еще размещается на многих проектах. А вот если говорить о твиттере, фэйсбуке и вконтакте — тут совсем другая история.
Вообще для создание кнопки вконтакте (как и некоторых других) есть несколько вариантов решений, но недавно нашел еще парочку интересных wordpress плагинов, которыми с вами и поделюсь. Но для начала немного теории и «повторения пройденного материала».
1. Первый вариант для кнопки вконтакте — использование картинок и кода от сервиса. Для добавления используется простой стандартный код:
При изменении его «под себя» обратить внимание на ссылку на изображение vkontakte.gif, которое должно находится в папке шаблона, директории images. Стандартную кнопку, которую вы видите в самом конце статьи данного блога, можно менять на любую другую. Также не забывайте указать ее ширину и высоту через width и height. Плюс варианта в его элементарности, тут даже особо в коде не нужно разбираться, можно добавить «как есть.»
2.
Вариант два — добавление кнопки с помощью . Модуль достаточно прост в установке и позволяет отображаться количество воспользовавшихся им пользователей. В общем, небольшой интерактив, а также некоторые интересные возможности при настройке.
На данном этапе я использую именно этот вариант и мне нравится.
3. Плагины для обычной кнопки вконтакте и других социальных сетей. Некоторое время назад я опубликовал подборку , где к сожалению, не было вконтакте, но были представлены популярных забугорные сервисы и весьма оригинальная их подача в блоге.
Теоретически вы могли бы залезть в код плагина и с помощью знаний из первого варианта заменить какой-то ненужный буржуйский сервис на социальную сеть вконтакте. Но я решил поискать уже готовые варианты. Как на зло плагинов оказалось немало, но большая их часть совершенно бесполезные и унылые. В итоге выбрал лишь два достойный кандидата (притом, что мне нужно было еще одно дополнительное условие).
Social Share Buttons for WordPress
Плагин заточен чисто под рунет, так как содержится самые популярные у нас социальные сети — вконтакте, одноклассники, мой мир, livejournal, фэйсбук и твиттер. Если я правильно, то он чем-то аналогичен VK Share Button либо точнее будет сказать, включает в себя его функциональность. Вы можете выбирать разные варианты отображения кнопок, а также задавать некоторые настройки для каждой из них. Есть возможность сортировки кнопок, выбора некоторых из них.
Самый большой недостаток плагина, по сути, его ограниченность только популярными рунетовскими социальными сетями, что не всегда оправдано. А мне как раз нужно было добавить на сайте кроме вконтакта еще и LinkedIn. Перерыл, признаюсь, очень много плагинов пока не нашел супер крутой и полезный Share and Follow.
— это самый крутой плагин с кнопками социальных закладок, который я только встречал. Здесь очень много возможностей и столько же настроек. Установка и начало работы происходит достаточно быстро — скачайте плагин, активируйте в амдинке и укажите в разделе Share and Follow какие именно кнопки вам нужны. Они сразу же отобразятся на страницах блога.
После этого можно приступать к подробной настройке — можно выбрать размер кнопок, множество различных социальных сервисов, а также общие возможности (RSS, email, версия для печати). Этот же плагин добавлять элемент фолловинга сбоку от полосы прокрутки а также имеет множество других опций. Есть платные возможности, но бесплатных и без них хватает с головой. Предлагаю глянуть небольшое видео по использованию Share and Follow:
Возможно, в будущем рассмотрю модуль Share and Follow более подробно, но вы можете меня не ждать и сами исследовать его. Самое главное, что он идеально подходит как для рунета, так и англоязычных сайтов — список социальных сервисов более чем достаточен. Установка быстрая и простая, короче говоря, Share and Follow должен быть в архиве любого разработчика сайтов /блогов на wordpress.
P.S. Кстати, о социальных сетях возможно вам пригодятся статусы про жизнь для вконтакте, которые можно себе установить очень просто.
В жизни есть несколько основных психологических аспектов как например саморазвитие личности которые позволяют достигать больших успехов и результатов.
Вы можете немного подправить зрение без очков одев контактные линзы на работу или учебу, закажите их в интернете.
Если у вас ещё не установлен плагин Jetpack, то вы можете сделать это через панель администрирования в разделе плагины, или скачать дистрибутив плагина с сайта WordPress.org . После установки, плагин предложит вам подключить его к вашей учётной записи на WordPress.com.
Во всплывающем окне вам нужно будет заполнить настройки для новой кнопки Вконтакте. В названии сервиса напишите «Вконтакте», а в URL-адресе сервиса вставьте следующую ссылку:
Http://vk.com/share.php?url=%post_full_url%
Вам так же потребуется иконка размером 16х16 для вашей кнопки. Вы можете и загрузить в вашу медиа библиотеку. Затем в поле URL-адрес иконки вставьте ссылку на файл картинки из вашей медиатеки.
После того, как вы щёлкните Создать кнопку, в разделе с доступными сервисами появится ваша новая кнопка Вконтакте. Перетащите её мышью из раздела доступных сервисов в раздел включённых сервисов. Вы можете так же добавить другие сервисы рядом с вашей кнопкой.
Если у вас возникли вопросы по настройке социальных кнопок в плагине Jetpack, вы можете задать их нам в комментариях. Не забывайте !
Процедура создания кнопки Вконтакте проста, но для того, чтобы виджет лайков ВК работал правильно, необходимо выполнить все требования. Все дальнейшие инструкции будем выполнять исходя из того, что у вас есть учетная запись ВК, и вход в нее выполнен.
Создание приложенияДля начала перейдем по ссылке «Разработчикам» (находится внизу интерфейса) и выберем вкладку «Мои приложения». Если ранее вы не создавали виджеты ВК, список приложений будет пуст. Вам необходимо создать новое. Сделать это можно, кликнув по ссылке «Создать приложение».
После создания приложения необходимо подтвердить право на управление им. Это можно сделать через пятизначный СМС-код или через привязанное к учетной записи устройство. Выполнив подтверждение, зайдем в настройки приложения и включим его. На этом манипуляции с приложением закончены.
Откроем вкладку «Документация» и выберем подраздел «Сайты и виджеты». В блоке «Виджеты для сайта» выберем необходимый виджет – «Мне нравится».
В открывшейся форме выберем наше приложение, вариант кнопки и ее оформление. Из текстового блока заберем код для вставки.
Размещение виджета в шаблоне КотонтиОткроем шаблон header.tpl и в блоке head разместим код, который примерно выглядит так:
VK.init({apiId: 4752432, onlyWidgets: true});
Там, где необходимо разместить непосредственно саму кнопку лайков, например в шаблоне page.tpl, добавим код:
VK.Widgets.Like("vk_like", {type: "mini"});
