Всем привет. Сегодня я решил навестить соцсеть ВКонтакте. По возможности наладить с ней контакт, а заодно и узнать, как поставить на свой сайт виджет Мне нравится ВКонтакте. Позволяющий, посетителям сайта без проблем выразить свое отношение к прочитанной статье и поделиться с друзьями ссылкой.
Если вы еще не зарегистрированы в этой соц-сети сделайте это, не откладывая. Во-первых, установите виджет, Мне нравится, который на вашем сайте лишним не будет. Вы еще получите дополнительный трафик на ваш сайт, если будете размещать информацию о нем на своей страничке.
Социальная сеть ВКонтакте — знакомство
Регистрация очень проста, поэтому останавливаться на ней нет никакого смысла. Зарегистрировались? Теперь переходим вот по этой ссылке. Справа на странице находим раздел: Для сайтов – Виджет Мне нравится. Нажимаем. Далее нам предлагают ввести название и адрес нашего блога. После того, как вы это сделаете, обязательно нажмите сохранить, иначе код для вставки на блог конкретно к вам никакого отношения иметь не будет. Нажали? Теперь копируем код, который состоит из двух частей и вставляется в разные php файлы вашей темы.
<script type=»text/javascript» src=»http://userapi.com/js/api/openapi.js?48″></script>
<script type=»text/javascript»>
VK.init ({apiId: 2845169, onlyWidgets: true});
</script>
Это – первая часть кода, и вставим мы ее в файл header.php, найдя ему подходящее место между <head>…</head>. А место это – сразу перед закрывающим тегом </head>.
Это – что касается первой части кода. Вторую
<div id=»vk_like»></div>
<script type=»text/javascript»>
VK.Widgets.Like («vk_like», {type: «button»});
</script>
надо определить в то место блога, где, по вашему мнению, этот виджет должен находиться. Разумеется, это файл вывода статьи в полном объеме – single.php. Если, вдруг, в используемой вами теме нет такого файла, то его вполне заменит index.php. Виджет можно вставить в начале статьи – тогда его надо расположить перед <?php the_content (”); ?>.
Но, мне кажется, логичнее это сделать в конце статьи, поскольку спрашивать «Понравилось ли?» до того, как действительно понравилось, смысла никакого. Тем более что и вся остальная компания – кнопки социальных закладок, кнопка Google+, возможно, еще что-то находятся именно там. Вот пусть и виджет ВКонтакте поддержит их компанию.
Правда, компания может получиться слишком тесной – в прямом смысле этого слова. Кнопки так плотно прилегают друг к другу, что выглядит это совсем некрасиво, и с этим, разумеется, надо что-то делать. Выход – в первую строчку кода, отвечающего за вывод кнопки ( файл single.php) добавляем отступ – 5px:
<div id=»vk_like» style=»margin: 5px 0 0 0;»></div>
Теперь наша компания выглядит вполне прилично. Установка завершена, будем ждать результатов.
Виджет сообществ ВКонтакте — установим, но чуть позже.
Теперь я расскажу о том, как поставить на блог виджет сообществ друзей ВКонтакте. До сих пор я публиковал статьи только о том, что уже сделал сам – абсолютно любую установку проверял сначала на своем блоге. Что-то ставил, а что-то удалял. И только после этого делился опытом. Но, в начале этой статьи я признался, что соцсеть ВКонтакте довольно долго откладывалась мной на потом, и зарегистрировался я в ней только сегодня. Походил по страничкам, послушал музыку, полюбопытствовал, что да как…
Создать группу своего сайта мне еще только предстоит, а потому ни о каком виджете сообществ ВКонтакте речи пока не идет. Тем более, что при его установке необходимо указать название своей группы. Так что займусь чистой теорией.
Суть абсолютно аналогична предыдущему мероприятию – установке виджета ВКонтакте Мне нравится. После внесения своих данных, вы получаете два кода для вставки в файлы темы вашего блога. Поскольку первую часть кода в файле header.php мы уже разместили, то с ним нам ничего делать не надо. Переходим ко второй части.
Логично поместить Виджет сообществ в сайдбаре. На большинстве блогов он находится именно там. Поскольку ширина виджета – 200px, то, естественно, ширина колонки сайдбара должна быть не меньше – вот от этого и отталкиваемся. Если данный размер вам не подходит, можно найти ему и другое место, например, сразу же после вывода статьи целиком.
В таком случае вторую часть кода помещаем либо в файл single.php, либо, если его у вас нет, в index.php где-то перед комментариями. Ну, а в первом варианте, копируем нужную часть кода и вставляем в файл sidebar.php. Кстати, при заполнении полей для получения виджета сообществ не забудьте поставить галочку — Отображать фотографии участников вашей группы в виджете. Выглядит это очень красиво, да и вашим друзьям приятно будет увидеть свои фотографии на вашем блоге.
Есть еще один вариант – установить виджет для комментариев ВКонтакте. Наверняка, вы уже обратили внимание на такую возможность – ссылка на данный раздел находится там же, где и на два предыдущих. После этого, любой участник вашей группы сможет оставлять комментарии у вас на сайте. С одновременной трансляцией на его страницу, ссылки на статью на вашем блоге! Но, опять же, сделать это можно, только создав свою группу. Да и установка данного виджета абсолютно ничем не отличается от предыдущих двух процедур. Так что перспектива, думаю, ясна, идем в социальную сеть ВКонтакте, регистрируемся, создаем свою группу, ставим виджеты ВКонтакте, находим новых друзей, публикуем статьи, получаем трафик…
Если, не откладывать в долгий ящик, вы создадите свою группу. Жду ваших комментариев.
С уважением Автор.