Сегодня хочу поговорить о том, как самостоятельно добавить виджеты социальных сетей себе на сайт. Однако перед этим давайте зададим себе пару вопросов:
Что такое виджеты?
Виджет — это модуль с кодом социальных сетей, который вставлен на Ваш сайт для того что бы соединить Ваши сообщества в социальных сетях с Вашим сайтом.
Для чего нужны виджеты?
Во-первых, для того что бы люди зашедшие на Ваш сайт могли остаться с Вами, подписавшись на Ваше сообщество в социальной сети;
Во-вторых, для вирусного распространения. Каждый комментарий, каждый лайк отображается на странице пользователя, и все его друзья могут увидеть ссылку на Ваш сайт.
Теперь, когда мы определились с тем, что это и зачем нужно приступаем к установке виджетов с сети ВКонтакте на свой сайт.
Нам нужно попасть на страницу «разработчикам»
Можно к этому прийти двумя способами, первый это собственно нажать на эту ссылку, либо в низу любой страницы ВК есть кнопка, которая так и называется «разработчикам» (рис 1). Быстрее всего попасть вниз страницы через «закладки» или «настройки».
КОНТЕНТ ДЛЯ ВКОНТАКТЕ 2022: основные правила ведения сообществ ВК! Что постить? Как часто?
После чего нашему вниманию открывается вот такая страница (рис 2.) на которой нам нужно выбрать раздел «Авторизация и виджеты для сайтов».
Вот мы и перешли на нужную нам страницу с виджетами.
Начнем с самого простого виджета, — это виджет-сообщества на вашем сайте. Этот виджет тесно свяжет Ваше сообщество с сайтом. В данном виджете отображаются либо новости сообщества, либо фото участников (см. Рис 3)
Как же его установить? Очень просто. Выбираем пункт «сообщества» (рис 4), нас перенаправляет на страницу, где мы можем сделать настройки нашего виджета (рис 5.)
Первое что нам нужно это ввести ссылку на наше сообщество (то которое мы хотим добавить на сайт), далее мы выбираем «вид», это может быть один из трех вариантов:
Участники – будут отображаться фото участников (рис 3.)
Новости – будет отображаться стена сообщества
Только название – как ясно из названия, будет отображаться одно название в красивом блоке (Рис 6.)
Какой из вариантов выбрать? Я думаю тут нет однозначного ответа, все зависит от специфики сайта, от того сколько на нем места и от того чего именно Вы хотите добиться от размещения виджета.
Я, например, всегда вставляю первый – классический вид – участники.
После того как мы определились с «видом виджета» мы можем настроить размеры, это очень удобно так как можно подстроиться под любой сайт, и все будет выглядеть красиво и аккуратно.
Далее мы можем настроить цвета: цвет фона, цвет текста, цвет кнопок. Можно удобно подобрать под цветовою палитру Вашего сайта
После того как мы определились с видом, размером и цветами, внизу мы видим код для вставки на сайт, а еще ниже то как наш виджет будет выглядеть.
Копируем этот код и вставляем себе на сайт, желательно, так что бы он был виден на каждой странице, на которую пользователи будут заходить.
Следующим виджетом, о котором мы сейчас поговорим, будет виджет комментариев. Очень полезный виджет, так как Ваши пользователи могут комментировать статьи Вашего сайта не покидая ВКонтакте, и эти комментарии будут автоматически отображаться на стене у пользователя, что позволит создать вирусный эффект, конечно если пользователь сам не отключит эту трансляцию на свою страницу.
И так, возвращаемся на нашу страницу, однако теперь вместо кнопки «сообщество» (см. рис 4.) мы выбираем первый пункт «комментарии». Нажимаем на него и оказываемся на странице по настройке виджета комментарии (Рис 7)
Перед тем как перейти к настройкам, давайте вкратце назовем преимущества данного виджета, которые описаны на этой же странице (детально почитать о них можно здесь). Итак, можно выделить 8 основных преимуществ:
- Масштаб;
- Вирусность;
- Многомерность;
- Скорость;
- Контроль;
- Цитируемость
- Независимость;
- Гибкость.
Теперь давайте перейдем непосредственно к настройке виджета, для начала нам нужно написать название сайта, у меня это «мой блог» (рис 7), затем вставляем ссылку на наш сайт, основной домен сайта подтягивается автоматически. После чего обязательно нажимаем «сохранить».
Идем далее, выбираем количество комментарием на странице, по умолчание нам предлагается 10, думаю этого вполне достаточно, если же Вам нужно что бы на странице было видно как можно больше комментариев, то Вы может выбрать 20 (больше не предусмотрено).
Что бы комментарии были более продуктивными, советую не убирать галочку напротив «медиа включить расширенные комментарии», так как это позволит Вашим пользователям добавлять фото, музыку, видео и т.д., то есть использовать весь функционал комментариев в ВК. Если же Вы хотите видеть в комментариях только текст, тогда Вам нужно отключить эту функцию простым снятие галочки.
Далее в настройках мы видим пункт «ширина», ее мы можем настроить под свой сайт, шире или уже, что бы смотрелось хорошо и не вылезало за основной текст, или наоборот не было слишком маленькое по сравнению с основным текстом статьи.
Настроив наш виджет «под себя» мы получаем код, который нам нужно просто добавить внизу своей статьи (как сделано у меня в этой статье) и ваши пользователи смогут оставлять свои комментарии, вопросы, пожелания.
И последний виджет. О котором я хочу поговорить сегодня это «виджет мне нравится».
Снова нам нужно попасть на страницу с выбором виджетов (рис 4) и выбрать виджет «мне нравится». После чего мы попадем на страницу (рис 8).
Настройки тут схожи с настройками «виджета комментарии» — вводим название сайта, адрес сайта и нажимаем «сохранить».
Далее нам предлагается выбрать один из четырех вариантов кнопки:
- Кнопка с текстовым счётчиком
- Кнопка с миниатюрным счётчиком
- Миниатюрная кнопка
- Миниатюрная кнопка, счётчик сверху
Далее мы выбираем высоту кнопки (18,20,22 и 24 пикселя) по умолчанию стоит 22, как по мне оптимальный вариант, который подходит практически на любой сайт.
И напоследок, нам предлагаю назвать кнопку. Выбор стоит между двумя названиями «мне нравится» и «это интересно».
Теперь у нас снова есть код, который мы запросто можем добавлять к своим статьям на сайт, и люди смогут в один клик делиться нашим контентом со своими друзьями в социальных сетях.
Вот, пожалуй, и все о чем хотелось бы поговорить в этой теме, в следующий раз рассмотрим, как добавлять виджеты с Facebook.
Если Вам понравилась и помогла эта статья, ставьте лайк и рассказать друзьям.
Источник: www.makclukyanov.com
БРБ — Блог ради блога
Если у вас есть страничка в социальной сети «ВКонтакте», то можно связать ее со своим блогом. Для этого используются плагины от ВКонтакте, весь перечень которых можно найти на http://vk.com/developers.php
Я на свой блог ставлю виджет для сообществ, который можно получить тут: http://vk.com/developers.php?oid=-1сохранить», ставим виджет в нужное место, нажимаем «сохранить расположение» и просматриваем блог.
Важно! Я долго мучилась и не могла понять, как сделать так, чтобы внизу виждета была надпись «Подписаться на новости», а не «Подписаться на SMS», как у меня получилось автоматически.
Оказывается, если вы не подписаны на группу, то у вас и будет «Подписаться на новости», а если уже подписаны, то появится «Подписаться на SMS».
Что еще полезное можно поставить в блог, можно прочитать вот тут:
Как вставить социальный плагин от Фейсбука
Источник: blogformyblog.blogspot.com
Как добавить в блог кнопки социальных сетей?
Приветствую вас, начинающие и опытные инфобизнесмены! Наполненность вашего ресурса, как вы уже наверняка поняли, очень важна. Качество контента также. На что еще следует обратить внимание, продвигая свой сайт? В статье я расскажу вам о том, как добавить в блог кнопки социальных сетей и стать еще популярнее на интернет-просторах. Готовы? Тогда вперед!
- Для чего это нужно?
- О плагинах и скриптах кнопок соцсетей для WordPress
Для чего это нужно?
Такие иконки-ссылки помогут гостям ресурса и его подписчикам, поделиться записью блога на своей странице или добавить запись в закладки. Таким образом, человек привлечет внимание своих друзей и весьма вероятно, что они заинтересуются вашим веб-шедевром и подпишутся на него. J Всего один клик гостя в состоянии бесплатно разрекламировать ваш ресурс. Супер, не правда ли?
О плагинах и скриптах кнопок соцсетей для WordPress
Если вы уже познакомились с CMS WordPress, то уже имеете понятие о том, как устроен движок и как его лучше совершенствовать.
Популярный метод, известный и максимально удобный новичку – подключение плагина. Для привлечения трафика используют плагины с « кликабельными иконками ».
Я отмечу несколько из них: Share Buttons , Bookmarkz , KN Social Slide , Sexy Bookmarks Slidebar .
Из сервисов, которые предлагают установить кнопки с помощью скриптов, хочу обратить внимание на: OdnaKnopka и PLUSO .
А теперь подробней о каждом из них.
Share Buttons
После установки, в административной панели WordPress появится раздел и выпадающее меню:
В главных настройках вы можете внести свои коррективы:
Далее понадобится произвести еще несколько настроек:
Теперь нужно настроить отображение иконок соц. сетей:
Сохраните все изменения:
При всех удобствах, имеются и недостатки:
- ссылки не закрыты от идентификации;
- нагрузка на сайт;
- не валидный код.
Bookmarkz
Plugin устанавливается и активируется привычным способом. В настройках следует отметить галочкам лишь необходимые для отображения названия:
- отсутствие нескольких кнопок самых популярных в России социальных сетей;
- нагрузка на сайт.
KN Social Slide
Его встречаю на сайтах довольно часто, он прост в установке и настройке:
Вы можете настроить каждый раздел по своему усмотрению:
Получится не примечательная панель кнопок:
- отсутствуют некоторые востребованные в РФ соцсети;
- добавляет нагрузку на ресурс.
Sexy Bookmarks Slidebar
Многообразие кнопок может сразу сбить с толку. Но просмотрев весь перечень, я так и не нашел некоторых кнопок социальных сетей, которыми чаще всего пользуюсь сам.
Настройка на английском языке:
Все же, plugin не отвечает всем моим запросам, поэтому, не смотря на его оригинальное название, я его не выбрал.
- мало доступных кнопок;
- дополнительная нагрузка на блог.
Чудо-скрипт OdnaKnopka
Вы не хотите перегружать свой блог плагинами? Вполне разумно и оправданно. Для вас есть прекрасный сервис кнопок соцсетей: odnaknopka.ru .
Определитесь с настройками внешнего вида панели, поставьте соответствующие галочки при выборе:
И вуаля, на вашем сайте красуется виджет:
Выявлены только плюсы.
Сервис PLUSO
Система позволяет в несколько кликов в режиме онлайн выбрать дизайн иконок, настроить его и разместить в своем блоге с помощью скрипта. Расположен по адресу: share.pluso.ru .
Раньше перед установкой подобной панели, я переживал о том, как иконки впишутся в дизайн и приходилось постоянно обновлять свой сайт, чтобы посмотреть результат. Это меня очень утомляло, как любого вэб-мастера. В PLUSO допустимо сразу просмотреть будущий вид панели и подкорректировать его:
Cкрипт нужно будет скопировать и вставить на свой ресурс:
В итоге выглядит мило, а главное, не нарушен дизайн:
Положительное дополнение к ресурсу!
До новых встреч, друзья. Подписывайтесь на рассылку , пишите в комментариях отзывы об успехах блоггинге, всегда рад читать сообщения от вас!
Рекомендую прочесть следующие полезные статьи:
С уважением, Александр Сергиенко
Источник: int-net-partner.ru