ВК, Facebook и Twitter
Как добавить кнопки ВК, Facebook и Twitter в WordPress? Инструкция по установке дополнительных кнопок добавления статей в социальные сети - Вконтакте, Facebook и Twitter.
С одной стороны это дополнительная нагрузка и время ожидания для пользователей (пусть и незначительная), с другой определенные дополнительные возможности. В данной статье расскажу про все сложности, которые могут приключиться и как ориентировочно их можно решить.
Начнем с самого простого и в данный момент рабочего. Помнится раньше популярными были плагины для добавления кнопок социальных закладок, причем там можно было настраивать целые десятки этих сервисов. Признаюсь откровенно, очень сомневаюсь в их эффективности и недавний выход новой версии Digg.com с «закосом» под твиитер, наверное, лишь одного из немногих тому подтверждение. Так вот единственное, что «работало» в моих блогах в плане популяризации контента - кнопочка для ретвитта от сервиса Tweetmeme . Инструмент, по сути, очень простой и действенный.
Следует заметить, что после выхода официальной кнопки ретвитта от самого twitter на сайте этой системы на странице установке кода опубликована рекомендация использовать именно твиттер для этих целей. Тем не менее, если вы все же отдаете предпочтение сервису tweetmeme, то можете найти установку кода на соответствующей странице.
В моем случае получился следующий код:
tweetmeme_style = "compact"; tweetmeme_source = "bankomet"; tweetmeme_service = "bit.ly";
tweetmeme_style = ‘compact’;
tweetmeme_source = ‘bankomet’;
tweetmeme_service = ‘bit.ly’;
Здесь в качестве дополнительных параметров указано компактный вывод картинки (если не указывать параметр tweetmeme_style иконка будет стандартная). Кроме того, мы пишем источник - ваш твиттер аккаунт, а также сервис сокращения ссылок.
Если вы все же обратили внимание на оригинальную кнопку твиттера , то можете найти страницу ее установки на официальном сайте. В принципе, разницы особой между этими двумя вариантами я не вижу для обычного пользователя. Единственное, что в этом случае публикация идет только в твиттер, а в первом варианте также публикуется на сайте tweetmeme. Собственно настраивать оригинальную кнопку твиттера еще проще.
Выбираем тип кнопки, для текста, URL и языковой версии по умолчанию установлены нужные параметры. Дальше в следующем блоке пишем свой аккаунт, а также можно указать дополнительный адрес твиттера «партнера». После этого в самом низу странице просто нужно взять и скопировать получившийся код, по типу этого:
Можно использовать одну кнопку твиттера, можно совмещать с tweetmeme - как хотите, просто помните, что много разных скриптов на странице не всегда хорошо, а вероятность нажатия обеих кнопок ничтожно мала.
Идем дальше, кнопка номер 3 - Like (мне нравится) от Facebook . Тут у меня осталось парочку вопросов, на которые толковых ответов я, увы, не нашел, но таки заставил эту кнопку работать как надо. Во-первых, для ее добавления в блог можно использовать следующий код:
Здесь я указал вариант, который у меня работает, но нет гарантии, что у вас тоже получится. Если возникнут ошибки - вперед на страницу разработчика плагина с вопросами. Интересно также то, что кнопку Вконтакте VK Share Button можно добавлять в тело любого поста - допустим, если вы хотите отметить только одну из статей.
Также в настройках, возможно, понадобиться установить в поле «Дополнительный API запрос к сайту» значение «разрешить». Единственная проблема плагина, которая у меня возникла - это невозможность применить к кнопки свой стиль, которая пытается убрать все элементы «по бокам». В настройках есть опция «разрешить использовать свой CSS», но даже при этом не получалось ничего добавить в одну строку с ней. Поэтому пришлось расположить их в столбик, как это показано на самом первом рисунке поста. В принципе, конечно, можно попробовать использовать плагин в более поздних версиях wordpress либо покопаться в коде плагина, но пока до этого не дошел.
За информацию спасибо: http://wordpressinside.ru
Для автомобильных сайтов. В среднем 3000 руб с продажи!
Дорогие друзья, сегодня я расскажу о том, как добавить кнопку «Мне нравится» и виджет друзей от популярной социальной сети Вконтакте на свой сайт. Вы также можете почитать мои статьи , и .
Сегодня основатель Вконтакте Павел Дуров опубликовал новость о нововведениях в этой социальной сети, среди которых - кнопка «Мне нравится» и виджет друзей.
Для настройки и получения кода кнопки переходим по этой ссылке . Заполняем название сайта, адрес сайта и основной домен:
Ширину я оставил по умолчанию - 496 пикселей. Можете изменить ее при необходимости:
Для этого открываем файл header.php в папке с вашей темой (если у вас блог на WordPress) и помещаем выделенный участок кода в пределах тега . Для новичков поясню - найдите закрывающий тег и поместите этот код сразу перед ним, чтобы получилось вот так:
🔥 Кстати! Я планирую выпустить платный курс по продвижению англоязычных сайтов. Если интересует, можете подать заявку в ранний список через эту форму , чтобы первыми узнать о выходе курса и получить специальную скидку.Виджет друзей Вконтакте (виджет сообществ)
Виджет сообществ Вконтакте - это, по сути, блок друзей. Посетители вашего сайта смогут присоединиться к вашей группе Вконтакте с помощью виджета сообществ одним кликом.
Предварительно нужно создать группу своего сайта на сервисе Вконтакте. На этом я подробно останавливаться не буду, можете почитать цикл статей Максима Шпона Большой FAQ по оформлению и раскрутке группы Вконтакте .
После создания группы для настройки и получения кода виджета сообществ Вконтакте переходим по этой ссылке .
Для блога сайт я создал группу Вконтакте Продвижение и развитие сайтов , кстати, можете к ней присоединиться.
На странице получения кода для виджета Вконтакте в первом поле «Группа» с помощью выпадающего меню выбираем свою группу:
Отмечаем галочку «Показывать участников», с ними виджет смотрится намного интереснее:
По ширине - как я понял, задать ширину виджета менее 200 пикселей на данный момент нельзя. Я хотел вывести виджет сообществ Вконтакте в боковой колонке блога, но для этого нужна ширина в 180 пикселей.
Так как при размещении кнопки «Мне нравится» мы уже поместили необходимый код в пределах тега , то сейчас повторно этого делать не нужно.
Если вы хотите поместить виджет сообжеств Вконтакте в боковой колонке вашего блога и ширина в 200 пикселей вам подходит, то помещаем выделенный далее на скриншоте код в нужном месте файла sidebar.php
. Если вам нужно разместить виджет Vkontakte после статей, то помещаете выделенный код в файле single.php
(в ряде тем это index.php
) после кода
