Как добавить Вконтакте на блог
Воскресенье, 13 Фев 2011 0:10
Доброго вечера, ребят. Сегодня я продолжу описание необходимых манипуляций для добавления на сайт кнопок социальных сервисов. В предыдущей статье Как добавить кнопки социальных сервисов на страницы блога, я рассказал о методах добавления кнопок социальных сервисов на сайт. Сегодня же речь пойдет о самой известной в рунете и на территории СНГ социальной сети — Вконтакте и, соответственно о том, как внедрить кнопку «Мне нравится», виджет комментариев и виджет группы.
Писал я эту статью долго — как-то не шло. То и дело переключался на другие. И, как оказалось не зря. Совершенно случайно обнаружил специальный плагин для подключения всех этих штучек от вконтакте. Оказывается и вышел он не так давно, а авторы русские, что сказалось на отсутсвии проблем с переводом. Однако в эту статью включать описание этого плагина не стал, так как его настройка и установка хоть и не трудоёмка, но имеет ряд особенностей, которых нет при установке других плагинов для wordpress. Времени установка она тоже занимает больше, чем обычно.
Поэтому описание плагина я решил вынести в отдельную, следующую статью, а сегодня я расскажу как добавить мульки от вконтакте с помощью скриптов, предлагаемых самим разработчиками Вконтакте.
Установка кнопки «Мне нравится» от Вконтакте
Процесс установки не сиюсекундный, но и проблем, как таковых возникнуть тоже не должно. Взамен мы даем возможность нашим читателям или гостям делиться понравившимися им статьями со своими друзьями в популярный социальной сети Вконтакте, а получаем своеобразную рекламу своего детища в крупнейшем социальном сервисе, потенциал которого просто огромен.
Для начала нам нужно получить код кнопки, для чего переходим по этой ссылке.
На открывшейся странице выбираем «Подключить новый сайт» и заполняем все поля по примеру на скриншоте.
Далее видим варианты кнопок. Лично я выбрал Кнопка с текстовым счётчиком, но тут на вкус на цвет — кому что по душе.
В следующем разделе в выпадающем меню осуществляем выбор названия кнопки и снова нажимаем Сохранить.
Итак, после всех манипуляций формируется индивидуальный код, который нужно установить в исполняемые файлы нашей темы.
Открываем на редактирование файл Header.php и помещаем часть кода, указанный на скриншоте после открывающегося тега <head> либо, что проще прямо перед </head>. Нажимаем сохранить.
После того, как мы разместили код, выполняющий главную функцию кнопки, самое время разместить и саму кнопку. Тут есть несколько вариантов. Либо вы хотите разместить кнопку в начале статьи, либо в конце. Лично я считаю, что не совсем логично размещать код в начале статьи, так как человек не успев прочесть статью не станет нажимать Мне нравится, поэтому я решил разместить ее прямо после текста статьи.
Для этого указанную на скриншоте часть кода помещаем прямо после <?php the_content(”); ?> в файле single.php, который мы предварительно открыли на редактирование.
В результате выполненных действий получается кнопочка, которую часто приходится встречать блуждая по интернету и которую вы можете увидеть в конце этой статьи. Кстати, можете протестировать, нажав на нее:)
Компания Вебмотор оказывает профессиональные услуги по поддержке сайтов. Тут же можно заказать и создание и продвижение своего ресурса. Для желающих есть портфолио, ознакомившись с которым вы подберете услугу на свой вкус.
…Пока все. Следите за новыми статьями и Вы узнаете много интересного в цифрах, статистике и просто из личного опыта, а чтобы не пропустить интересных статей подпишитесь на RSS-ленту удобным для Вас способом.
redapp пишет:
13 Фев 2011 в 14:06
Мне кажется для wp проще использовать сторонний плагин для таких кнопок )
John Lemon пишет:
20 Фев 2011 в 10:44
А у меня сторонний плагин , где много кнопок различных соц. сетей . Эти кнопочки ставятся автоматически после каждой статьи.
Marsipan пишет:
20 Фев 2011 в 23:59
John Lemon говорит, что:
А толк?
Igorleto пишет:
26 Фев 2011 в 21:12
Тоже пользовался неофициальной версией плагина, но на мой взгляд, нужно переходить на этот. Думаю меньше сбоить будет, да и код по меньше сторонненго будет.
Онлайн пишет:
05 Мар 2011 в 21:33
Про API id надо добавить, что id приложения вашего блога и есть API id
А так всё отлично=)
insurrat пишет:
05 мая 2011 в 20:55
Ура! Получилось! Автор- МЕГАмозг
спасибо за простое и доходчивое описание
Женя пишет:
07 мая 2011 в 13:03
Спасибо за описание! Будем использовать!))