Разное

Кнопки социальных сетей: Social media buttons for your website

27.08.2021

Содержание

Кнопки социальных сетей для сайта (социальные кнопки)

Энциклопедия поискового продвижения Ingate

     Ваш запрос успешно отправлен

Ваш запрос не отправлен

Помимо рассмотренных способов работы с поведенческими факторами стремительно развивается еще один — соцсети. Современное поисковое продвижение тесно связано с социальным маркетингом. Сигналы из социальных медиа становятся всё более существенным фактором для поисковых роботов при ранжировании страниц. Одним из способов социализации сайта является размещение на нем социальных кнопок.

Социальные кнопки для сайта — это иконки с логотипом той или иной сети, дающие возможность посетителям сайта опубликовать понравившийся материал в данной сети. Такие кнопки есть почти у всех популярных социальных сетей.

  • ВКонтакте: http://vk.com/pages.php?act=share;
  • Facebook: http://developers. facebook.com/docs/reference/plugins/like/;
  • Google+: https://developers.google.com/+/plugins/+1button/;
  • Twitter: http://twitter.com/goodies/buttons.

Нельзя не отметить, что установка этих кнопок сделает сайт невалидным по версии W3C, однако уже разработаны способы валидации кода кнопок с использованием JavaScript.

Наряду с отдельными кнопками существуют их агрегаторы. Среди них можно выделить http://api.yandex.ru/share/ — наиболее полный и удобный.

Агрегатор позволяет установить все кнопки социальных сетей для сайта с помощью одного кода, что, безусловно, удобно и с точки зрения настройки дизайна, и с точки зрения валидации кода.

Если вы используете агрегатор от Яндекса, то при определенной настройке счетчика Яндекс.Метрика можно считать переходы по социальным кнопкам. Это особенно удобно при анализе социализации сайта.

Чтобы люди захотели разместить на своих страничках в социальных сетях информацию с вашего сайта, необходимо поддерживать ее актуальность, добавлять новые статьи и разделы, иметь на сайте уникальный и удобный инструмент.

В этом случае социализация сайта будет работать как инструмент повышения узнаваемости компании и в то же время поспособствует продвижению ресурса в поисковых системах.

Вернуться назад: Как улучшить поведенческие факторыЧитать далее: Накрутка поведенческих факторов и наказание за накрутку

 

 

 

Кнопки социальных сетей — RU-CENTER

Для размещения кнопки «Мне нравится» или «Я рекомендую» для Facebook , нажмите на кнопку «Добавить контент» в разделе «Социальные сети» нажмите и перетащите в рабочую область сайта виджет «Facebook», как показано на картинке:

В настройках данного виджета вы можете изменить:

1. URL-адрес страницы, который будет указан в заметке на Facebook;

2. Показывать или не показывать фотографии пользователей, которые нажали на кнопку;

3. Название действия кнопки «Нравится» или «Рекомендую»;

4. Шрифт;

5. Цветовую гамму;

6. Расположение кнопки:

      Обычное                                      Горизонтальный                                 Вертикальный

Для сохранения изменений нажмите на кнопку «Ок» (7).

Для размещения кнопки публикации сообщения для Twitter , нажмите на кнопку «Добавить контент» в разделе «Социальные сети» нажмите и перетащите в рабочую область сайта виджет «Tweet», как показано на картинке:

В настройках данного виджета Вы можете изменить:

1. Текст кнопки;

2. Текст сообщения в твиттере;

3. Выравнивание кнопки в блоке.

Для сохранения изменений нажмите на кнопку «Ок» (4).

Для размещения на сайте последних сообщений из вашего аккаунта в Twitter , нажмите на кнопку «Добавить контент» в разделе «Социальные сети» нажмите и перетащите в рабочую область сайта виджет «Twitter», как показано на картинке:

В настройках данного виджета Вы можете изменить:

1. Параметр поиска сообщений в Twitter;

2. Тип поиска по параметру;

3. Время обновления записей;

4. Включить или выключить отображение ретвитов в списке сообщений;

5. Установить количество сообщений отображаемых на сайте.

Для сохранения изменений нажмите на кнопку «Ок» (6).

Как добавить кнопки социальных сетей на сайт: 4 способа

От автора: приветствую вас. Сегодня социальные сети развились до такого уровня, что в них зарегистрировано в общей сложности более 3 млрд людей. Потенциально это очень мощная аудитория, поэтому сегодня я вам расскажу, как добавить кнопки социальных сетей на сайт.

Добавление на сайт на WordPress

Начну с того, что самым простым способом, если у вас WordPress, является просто установить какой-нибудь плагин для этого дела. Какой? Я, например, пользовался Juiz Social Post Sharer. А вообще, просто введите в поиске плагинов слово social и просмотрите, что там есть.

Преимущество тут только в том, что вам, вероятно, не придется ничего настраивать.

Блок «Поделиться» от Яндекса

Яндекс тоже разработал страницу, на которой вы можете настроить и поставить себе кнопки. На этой страничке вы можете выбрать нужные сервисы (а их примерно 25). Справа вы можете выбрать внешний вид блока. Это могут быть счетчики, которые будут показывать, сколько раз на кнопки нажали пользователи. Это, в свою очередь, поможет вам отслеживать, полезен ли материал читателям.

Тут же вам будет показан код, который нужно скопировать и вставить в то место на сайте, где вы хотите их видеть. Значит, самое время определить это место! Чаще всего блок «Поделиться» ставят: В начале статьи; В конце статьи; Сбоку.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Естественно, не нужно использовать все три варианта, лучше какой-то один. Хотя я видел сайты, где блок был и в начале, и в конце страницы.

Теперь вам нужно найти файл с кодом, который выводит статьи. В wordpress, например, он обычно называется single.php или подобным образом. Итак, если вам нужно поставить блок с кнопочками после статьи, ищем строчку the_content. Именно за ней можно вставить код. Вам очень поможет, если разработчик вашего шаблона делал комментарии в коде.

Редактировать файлы сайты можно некоторыми способами. Например, сделать это напрямую через админку движка (внешний вид — редактор). В этом случае код не подсвечивается, поэтому ориентировать в нем не так удобно. Другой способ – через ftp. Подключитесь к сайту с помощью ftp-клиента, перейдите в wp-content – themes. Тут нужно найти тот шаблон, который является активным у вас в данный момент. Заходим в него и находим тот самый single.php или ищем что-то похожее по названию.

В самом файле с кодом найдите строчку the_content с помощью поиска (Ctrl + F). Вставьте где-нибудь после нее этот код.

Комментарии это то, что на этом скриншоте выше выделяется зеленым цветом. Как видите, разработчик явно указал, что в этом месте выводиться сам текст статьи. Это отлично, просто вставьте код сразу после статьи и получите желаемый результат.

Вообще я рекомендую вам потренироваться на локальном сервере, если он у вас есть. Там вы можете вставить код, посмотреть, что получилось и потом уже повторить аналогичную процедуру на реальном сервере.

Кнопки от Pluso

Это достаточно известный сервис, который предоставляет всем желающим возможность воспользоваться их вариантом блока «Поделиться». Для этого, как и в случае с сервисом Яндекса, достаточно лишь выбрать нужные настройки и скопировать получившийся код в нужное место.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Из настроек, прежде всего вам необходимо выбрать, какие социальные сети будут видно пользователю всегда, а какие только при нажатии на плюс. Фишка этого блока в том, что при нажатии на плюсик вы человек получает возможность поделиться записью еще в 20-30 сервисах.

Вы можете выбрать стиль кнопок, настроить их фон, положение и размер. Также можно выбрать иконки со встроенным счетчиком. А еще одним преимуществом кнопок от Pluso является их потрясающий внешний вид и возможность встроить их в практически в любой дизайн.

Когда все настроено, просто копируем код и вставляем его в том месте, где хотим увидеть соответствующий блок.

Еще один вариант – Share42

Если предыдущие варианты вам чем-то не понравились, есть другой способ, как поставить кнопки социальных сетей на сайт. Это сервис share42.com. Назван так, наверное, потому, что на момент создания в нем было 42 кнопки социальных сервисов, хотя на данный момент их 43.

Описывать процесс подробно не буду, потому что на сайте уже все оформлено в виде пошаговой инструкции. Дизайн этих иконок вы поменять не можете, а только размер. Впрочем, смотрятся они недурно.

Иконки, которые вам нужно, нужно выбрать, кликнув по ним мышкой. Отдельно хочу отметить наличие таких интересных возможностей, как добавление в избранное браузера, ссылка на rss и кнопка «Наверх».

Далее вы можете выбрать тип панели: горизонтальная или вертикальная? И если выбрана вторая, то количество кнопок можно ограничить. Кодировку я рекомендую оставить UTF-8. Вы можете также добавить иконку самого сервиса в комплект кнопок, чтобы пользователи с вашей странички могли перейти на него и установить себе тоже эти кнопки.

Также если вы планируете добавить иконку rss, то обязательно нужно указать адрес вашего фида, а если хотите показывать количество нажатий по кнопкам, должны быть отмечены две последние галочки.

Ниже есть 2 кнопки. Первая позволяет взглянуть, как будут выглядеть социальные кнопки, которые вы настроили. С помощью второй скачивается скрипт. Его нужно загрузить через ftp к себе на сайт в корневую папку.

Следующим шагом укажите на странице сервиса путь к этой папке. Зачастую достаточно заменить site.com на ваше доменное имя. Все, остается вставить код, выбрав перед этим cms, на которой работает ресурс. Куда вставлять код вы уже должны понимать, я надеюсь.

Я не сомневаюсь, что существует еще парочку нормальных сервисов, где можно сделать социальные кнопки, а также есть просто масса скриптов и плагинов, которые их добавляют. Сегодня я перечислил вам наиболее лучшие, на мой взгляд, варианты.

Что ж, сегодня мы с вами научились добавлять кнопки социальных сетей и сервисов в свой интернет-проект. Теперь ваши полезные материалы могут быть автоматически распространены по социальным сетям вашими благодарными читателями. А у меня на этом все.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

WordPress-Ученик

12 фишек без которых Вы не создадите полноценный сайт на WordPress!

Смотреть

Кнопки социальных сетей для сайта

Социальные сети оказывают существенную помощь в продвижении ресурсов. Высокая популярность, посещаемость предоставляют отличную возможность для привлечения посетителей на свой сайт. Каждый проект сейчас оснащается кнопками для постинга. Но не все они обеспечивают высокую эффективность. Если вы не знаете, как выбрать самые результативные социальные кнопки для сайта, обращайтесь в студию GuruLabs. Опытные мастера помогут подобрать достойное оснащение для вашего ресурса.

Необходимость размещения значков соцсетей на сайте

Не стоит недооценивать роль этих элементов в продвижении ресурса в сети. Кнопки социальных сетей для сайта являются мощным рычагом. Их наличие повышает:

  • Оперативность индексации проекта.
  • Значимость web-ресурса для роботов поисковых систем.
  • Посещаемость, число подписчиков.

Пользователи используют значки сетей для того, чтобы поделиться понравившейся статьей, видеороликом в собственном профиле. Его подписчики пользуются ссылкой для перехода на проект, повышают уровень его посещаемости. Распространение информации на нескольких сервисах становится дополнительным способом привлечения гостей. На проекте можно разместить иконки «Мне нравится», «Поделиться», «Подписаться».

Конструктор uSocial, его особенности

Мощный функционал конструктора uSocial сделал его лидером в категории социальных сервисов. Многие владельцы сайтов отдают ему предпочтение. У него есть своя функциональная кнопка, привлекающее посетителей pop-up окно. Конструктор предлагает инструмент, очищающий кэш, приложение для сообществ ВК. Кроме того, в функционале имеется опция, позволяющая скрывать промокоды, ссылки на ресурсе на определенное время или до выполнения условия использования кнопки «поделиться» в соцсетях. Также в конструкторе имеются:

  • Большое количество настроек.
  • Поддержка мобильного формата.
  • Счетчик лайков.

Сервис отличается простым, удобным дизайном, есть окно для предварительного просмотра. Конструктор имеет русскоязычную и англоязычную версии. Перед тем как добавить кнопки социальных сетей на сайт, можно выбрать дизайн блоков «Мне нравится», «Поделиться», соответствующий специфике оформления ресурса. Кроме общего счетчика репостов можно учитывать лайки на каждой из кнопок. В личном кабинете предоставляется возможность редактировать, добавлять, хранить наборы. Работа с конструктором не вызывает сложностей даже у новичков.

Порядок установки значков социальных сетей на ресурсе

Конструктор uSocial окажет помощь тем, кто не знает, как добавить социальные кнопки на сайт. Для начала нужно подобрать сервисы, их форму, стиль для гармоничного дизайна. Следует выбрать удобное размещение, размер, установить отдельные счетчики и общий для всех значков. Затем подключается поддержка мобильных устройств и сервисы Телеграм, СМС, Вайбер, Ватцап. Можно использовать опцию «ловушка для глаз», призывающую пользователя поделиться ссылкой на ресурс в социальных сетях.

После проведения всех операций нужно ввести адрес своего web-проекта в сети, нажать на соответствующую иконку для получения кода. Он появится в окошке, после чего его следует скопировать, вставить на страничках, где будут размещаться значки сервисов. После установки можно следить за эффективностью их работы в личном кабинете, где будет отражаться статистика.

Вы можете обратиться к специалистам нашей студии, если задача кажется слишком сложной. В случае создания сайта нашей командой, подобный функционал и возможности закладываются в план еще на этапе проектирования. Мы также предлагаем своим клиентам услуги технической поддержки сайта, которая обеспечит ресурсу качественную работу, и продвижение вашего ресурса в сети по интересующим запросам. Обращайтесь!

03.05.2021 12:05

Social2s – социальные кнопки Joomla

  • Тип – плагин социальных кнопок для Joomla.

 

 

Social2s FREE – это бесплатный русскоязычный плагин кнопок социальных сетей для Joomla. Главным его преимуществом является то, что он почти не влияет на скорость загрузки страницы. Особенно, по сравнению с разными сервисами, например, таким как AddThis. Social2s не загружает внешние скрипты социальных сетей без необходимости. Подгрузка сторонних скриптов происходит только тогда, когда пользователь явным образом нажал на кнопку шаринга. К сожалению, на данный момент (20.09.2019) список социальных сетей весьма ограничен. Среди них: ВКонтакте, Facebook, Twitter, Linkedin, Pinterest и др.. Пример работы данного плагина, его платной версии, можно посмотреть на официальном сайте разработчика внизу страницы.

В обзоре будет участвовать последняя, на момент написания статьи (20.09.2019), русскоязычная версия Social2s FREE 4.0.143 в Joomla 3.9.11. Шаблон фронтальной части сайта – JM Services 1.0.5.

На официальном сайте расширений Joomla 100 отзывов, расширение добавлено 19 ноября 2014 года.

  • Общий рейтинг – 5 из 5.
  • Функциональность – 5 из 5.
  • Простота использования – 5 из 5.
  • Поддержка – 5 из 5.
  • Документация – 5 из 5.

Также есть платные версии Social2s Pro – 35$ (на 1 год (при покупке новой лицензии), без ограничения на количество устанавливаемых сайтов). Она обладает более расширенным набором опций. Об отличиях платной и бесплатной версий можно прочесть ниже в статье.

Видео обзор

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Ссылки из видео:

Основные возможности и особенности

Бесплатная версия.

  • Вставка кнопок шаринга в материалы Joomla (рисунок ниже): Twitter, Facebook (кнопка шаринга и сохранения), ВКонтакте, Pinterest, Linkedin, Tumblr, WhatsApp, Telegram, Reddit, Flipboaed, Delicious, E-mail.
  • Интеграция с SP Page Builder.
  • Возможность включения/исключения категорий материалов и отдельных материалов.
  • Можно включить отображение счётчика шаринга в социальные сети.
  • Не влияет на скорость загрузки сайта. Это достигается за счёт загрузки внешних скриптов только тогда, когда пользователь явно нажмёт на кнопку одной из социальных сетей. Также плагин использует собственный уменьшенный набор шрифтов и JQuery из ядра Joomla.
Социальные кнопки Joomla
  • Поддержка адаптивного дизайна.
  • Можно настроить отображение разного набора кнопок на мобильной и обычной версии сайта.
  • Гибкие настройки кнопок социальных сетей: их набор, позиция, размер, стиль (рисунок ниже) и так далее.
Кнопки социальных сетей Joomla
  • Наличие режима отладки с подробной информацией.
  • Поддержка Open graph.
  • Перевод на русский, английский и словенский.
  • Поддержка мультиязычности.
  • Совместимость с Joomla 3 и 4.
  • Совместимость с системой обновлений расширений Joomla.
  • Возможность изменения порядка следования кнопок.
  • Поддержка ВКонтакте openID.
  • Базируется на HTML
  • Соответствует требованиям W3C.
  • Документация на английском языке.

В платной версии плагина социальных кнопок Joomla есть всё тоже, что и в бесплатной, плюс, множество полезных возможностей. Вот некоторые из них.

  • Интеграция с JEvents, K2 (с поддержкой Open graph), VirtueMart (с поддержкой Open graph).
  • Настройки кнопок на мобильном.
  • Поддержка Twitter Cards (с настройками).
  • Ускоренная загрузка кнопки Twitter без загрузки скриптов.
  • Кнопка фоловинга в Twitter.
  • Кнопка фоловинга в Tumblr.
  • Расширенные настройки Open graph (несколько изображений, изображение по умолчанию, использование мета-описания и др.).
  • Настройки «Кнопки Плюс» (кнопка, скрывающая в себе другие кнопки социальных сетей).
  • Более расширенные настройки внешнего вида кнопок.
  • Настройки позиции всплывающей области кнопок.
  • Призыв к действию.
  • Разные настройки для материалов и категорий материалов Joomla.
  • Фиксированная позиция кнопок.
  • Расширенные настройки отладки. Отладка Open graph. Отложенная загрузка CSS.
  • Настройки анимации.
  • Настройки изображения, которое будет добавлено в социальные сети при шаринге.
  • Расположение кнопок социальных сетей во всю ширину области.
  • Возможность вставки сообщения об использовании куков на сайте согласно закону Европейского союза о куках. Если Вас интересует данный вопрос, то советую ознакомиться со следующими статьями: «Обзор DJ-CookieMonster. Предупреждение о Cookie», «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ» и «Регламент GDPR и 152 ФЗ. Требования, сравнение».
  • Настраиваемая позиция кнопок.

Настройки Social2s

Опции плагина социальных кнопок для сайта разделены на 9 вкладок. Рассмотрим только наиболее интересные, на мой взгляд, опции бесплатной версии плагина Social2s. Отмечу, что все настройки переведены на русский язык и большинство из них оснащены всплывающими подсказками.

  1. Плагин.
  2. Материал.
  3. Категория. Недоступна в бесплатной версии Social2s.
  4. Социальные сети.
  5. Open Graph. Содержит опцию, позволяющую активировать добавление мета-тегов Open Graph и выбрать, какие данные для этих тегов будут использоваться по умолчанию на страницах блога категорий. Другие опции доступны только для ПРО версии.
  6. Включить/Исключить.
  7. Компоненты. Содержит опцию, позволяющую активировать интеграцию с SP Page Builder. Другие опции доступны только для ПРО версии.
  8. Куки. Недоступна в бесплатной версии Social2s.
  9. Лицензия. Содержит ссылку на покупку ПРО версии и ссылку на страницу на сайте расширений Joomla (для написания отзыва).

Если возле опции есть символ короны, то это значит, что данная опция работает только в ПРО версии.

Вкладка Плагин (рисунок ниже). Тут Вы сможете указать язык кнопок социальных сетей. Доступно автоматическое определение и 12 языков, среди которых русский, английский, немецкий, французский и другие. Тут же можно включить загрузку библиотеки JQuery и выбрать её версию (она нужна для нормальной работы плагина). Плюс, Вы можете отключить вывод ссылки на сайт разработчика плагина.

Опция Загружать скрипты социальных кнопок при загрузке страницы позволяет существенно повлиять на скорость загрузки и степень оптимизации страницы. По умолчанию для неё стоит Нет. Если так, то это сильно ускорит загрузку страницы, так как скрипт кнопки шаринга будет подгружаться только тогда, когда пользователь нажмёт на ту или иную кнопку.

Social2s

Если возникли проблемы или нужно более тонко настроить плагин, то можно включить отладку и получить подробную информацию (рисунок ниже).

Отладка плагина Social2s

Вкладка Плагин (рисунок ниже). Тут Вы сможете сконфигурировать отображение кнопок социальных сетей на страницах материалов Joomla. Можно изменить стиль кнопок (иконки, квадратные, круглые), цветовое оформление (пять тем), указать позицию кнопок (над, под статьёй или и там, и там), выравнивание и размер.

Настройки страницы материалов

На рисунке ниже показаны разные варианты оформления социальных кнопок для сайта.

Социальные кнопки для сайта

Вкладка Плагин (рисунок ниже). Тут Вы сможете включить отображение разных кнопок. Для некоторых из них доступны настройки, в том числе, возможность отображения только на мобильном.

Кнопка Плюс. Это кнопка, которая может скрывать в себе другие кнопки. На сайте разработчика заявлено, что изменение порядка следования кнопок доступно только для ПРО версии, но перетаскивая кнопки в строке Preferred order (предпочтительный порядок), Вы можете менять порядок их следования на сайте. Кнопки, расположенные слева от кнопки Плюс, будут отображаться сразу, а те, что расположены справа, – по нажатию на кнопку Плюс.

Вкладка «Социальные сети»

Вкладка Включить/Исключить (рисунок ниже) содержит опции, которые позволяют скрыть/отобразить кнопки социальных сетей в определённых материалах и категориях Joomla и K2. Для материалов Joomla также можно скрыть/отобразить кнопки для избранных материалов.

Вкладка «Включить/Исключить»

Сравнение скорости загрузки социальных кнопок

Есть множество сервисов для добавления кнопок социальных сетей на сайт. Они отличаются по функциональности. Вот те, которыми пользовался я:

Сравним влияние этих сервисов на степень оптимизации скорости (скорость загрузки) сайта. Проверять буду в Google PageSpeed Insights. Для теста возьму сайт на Joomla 3.9.11. Сайт с настройками по умолчанию и демонстрационными данными «Блог English (GB) демо-данные» (главная страница).

Проверял каждый сервис по 3 раза (с интервалом в 5 минут). Код сервиса вставлял в файл шаблона (в самый конец).

В каждом сервисе настраивал вывод кнопок шаринга в Twitter, Facebook, ВКонтакте. Без вывода счётчика. Остальные настройки сервиса – по умолчанию. В плагине Social2s FREE отключил вывод лишних кнопок. Остальные настройки – по умолчанию.

 

Социальные кнопки

Google PageSpeed Insights для мобильных

Google PageSpeed Insights для компьютеров

Без кнопок

96

100

Плагин Social2s FREE

96

100

Pluso.ru

95

99

Блок «Поделиться» от Яндекс

95

99

uSocial

91

89

AddThis

88

99

Uptolike.ru

67

93

 

Как видите, плагин Social2s FREE, Pluso.ru и блок «Поделиться» от Яндекс показали почти одинаковый «идеальный» результат. Худший результат (в плане скорости) показал мой любимый сервис AddThis и сервис Uptolike.ru.

По одному тесту делать однозначный вывод не стоит. Да и набор возможностей, которые предоставляет каждый программный продукт, сильно отличается. Плюс, скорость загрузки зависит от множества факторов. В том числе от загруженности сервера сайта и сервера сервиса кнопок социальных сетей в момент проверки.

Если ориентироваться только на скорость загрузки, то рекомендую попробовать плагин Social2s FREE, Pluso.ru и блок «Поделиться» от Яндекс для вставки кнопок социальных сетей себе на сайт.

Похожие материалы

 

Полезные ссылки:

Как слить трафик с сайта в паблик? 79 примеров размещения социальных кнопок :: Гудсайт

Определите цвет

Используйте иконки и виджеты стандартных сине-голубых расцветок, пользователям они хорошо знакомы. Или нарисуйте свои собственные, оригинальные, но хорошо сочетающиеся с остальными элементами сайта.

На сайте мебельной фабрики «Лель» ссылки на сообщества в социальных сетях расположены на странице о компании. Тематическое оформление ссылок в виде мягких кубиков со зверюшками перекликается со сферой деятельности фабрики — производством детской мебели.

1

На сайте Центра карьеры «YesJob.ru» справа находится кнопка Фейсбука в фирменном красном цвете.

2

Настройте размер

Небольшие иконки легко вписать практически в любое место на сайте. Зато гигантские кнопки полностью захватывают внимание пользователей. Попробуйте поместить иконки соцсетей на яркую плашку во всю ширину страницы, чтобы никто не прошёл мимо.

В интернет-магазине «LoveBeats.ru» ссылка на группу ВКонтакте находится в крупном блоке во всю ширину экрана.

3

В нижней части сайта службы доставки продуктов «ВкусНаДом» находится огромная красная плашка со ссылками на группы в социальных сетях.

4

На странице контактов рекламного агентства «МcCann Moscow» есть крупная кнопка Фейсбука.

5

Выберите место

Расположите иконки соцсетей в каком-то одном месте: в шапке, в подвале, справа или слева. Или продублируйте кнопки два-три раза на всех страницах. Особенно это актуально для длинных статей и лонгридов. Где-то в середине может встретиться интересная мысль, которой захочется поделиться с друзьями во ВКонтакте.

Пусть дополнительный блок с иконками попадётся пользователям в разделе контактов или о компании. Расскажите в нескольких словах, о чём вы обычно пишете в ваших группах. Пригласите почитать посты и познакомиться с вами поближе.

У некоторых компаний есть по десять-двадцать сообществ в социальных сетях. Например, для клиентов разных видов услуг, для техподдержки и вакансий. В таком случае удобнее сделать отдельную страницу со ссылками на все группы и аккаунты и объяснить, для чего они все нужны.

На сайте детского интерактивного музея «КидБург» ссылки на группы в социальных сетях расположены в ярко оформленном блоке посередине главной страницы.

6

В книжном интернет-магазине «Лабиринт» социальные кнопки расположены вверху страницы.

7

В промо-разделе «Тренируйся с чемпионами» на сайте «Adidas» соцкнопки находятся в нижней части страницы.

8

На сайте свадебного салона «Мэри Трюфель» социальные кнопки встречаются дважды: в середине и в подвале главной страницы.

9

10

На промо-странице издательства «Манн, Иванов, Фербер» есть два блока с соцкнопками: в середине страницы и в подвале.

11

12

На сайте «Высшей школы экономики» блок с социальными кнопками находится в правой части страницы.

13

На сайте телеканала «СТС» социальные кнопки находятся в самом верху страницы.

14

На сайте «Шоу сумасшедшего профессора Николя» ссылки на социальные сети есть на странице с контактами.

15

На сайте «Альфа-Банка» есть отдельная страница со ссылками на официальные представительства в соцсетях.

16

На промо-сайте «Mentos» есть отдельная страница с приглашением присоединиться к бренду в социальных сетях.

17

На сайте телеканала «СТС» компактно размещены виджеты трёх социальных сетей: их можно просмотреть внутри одного блока.

18

Виджет с пятью социальными сетями находится среди анонсов статей на главной странице сайта «Cosmopolitan».

19

На сайте некоммерческого просветительского проекта «Arzamas» социальные кнопки находятся справа.

20

В подвале сайта для молодых родителей «Pampers» выделен небольшой аккуратный блок с соцкнопками.

21

Отображайте по-разному

Традиционный способ — это разместить социальные кнопки на фиксированном месте. Менее распространённый вариант — показывать кнопки в блоке, который раскрывается по наведению или нажатию на соответствующую иконку.

Блок с соцкнопками можно ещё и закрепить. Его всегда будет видно на экране при прокрутке страницы. Подумайте, насколько это уместно сделать на вашем сайте.

Социальные кнопки на сайте Константина Ашифина находятся в закреплённой плашке, которую постоянно видно при прокрутке. Здесь можно поставить лайк странице и рассказать о сайте друзьям.

22

Социальные кнопки с статьях на сайте «Медузы» появляются вверху в плавающем блоке, который всё время видно при прокрутке.

23

На проекте «Велосипедизация Санкт-Петербурга» есть яркая плашка со ссылкой на группу ВКонтакте во всю ширину страницы.

24

Добавьте эффекты

Привлеките дополнительное внимание к социальным кнопкам при помощи эффекта анимации или подсвечивания, которые появляются по наведению.

Почти на всю ширину сайта виртуальных битв «Драка Собака» размещена крупная кнопка со ссылкой на группу ВКонтакте. Кнопка реагирует на наведение курсора — полоски начинают двигаться.

25

Блок с социальными кнопками на сайте «Медузы» разворачивается в верхней части страницы по нажатию на кнопку со стрелкой.

26

На сайте мебельной фабрики «Лель» блок с пятью социальными кнопками появляется по наведению на иконки ВКонтакте и Фейсбука вверху страницы.

27

Кнопки для расшаривания на промо-сайте «Cross production» появляются внизу страницы во всплывающем окошке.

28

Социальные кнопки на сайте типографии «Листовка-завтра.рф» располагаются внизу страницы. При наведении на каждой кнопке появляется розовая обводка.

29

На сайте «NN-Radio» блок с социальными виджетами разворачивается слева по нажатию на иконку с плюсом.

30

Покажите количество участников

Выведите число всех, кто состоит в ваших группах, на странице вашего сайта. Или хотя бы настройте социальный виджет так, чтобы было видно число участников в сообществах и, по возможности, их аватарки. В таком варианте виджет сработает как социальное доказательство — подтверждение того, что компании уже доверяют сотни или тысячи других людей.

На сайте сети фитнес-центров «Sportlife» блок со ссылками и количеством подписчиков в разных социальных сетях находится в подвале.

31

Призывайте вступать в группы

Напишите, почему пользователям стоит присоединиться к вашим сообществам. Например, чтобы узнавать о новостях, акциях, участвовать в регулярных розыгрышах. Дайте одну или несколько конкретных выгод, которые можно получить только в группе.

Не обязательно действовать в лоб и напрямую звать подписаться на паблик. Предложите посетителям сайта принять участие в опросе, который сейчас проходит в сообществе. Люди проголосуют и вполне могут задержаться, чтобы изучить материалы в группе. И в конце концов, подпишутся.

Брокер на рынке Форекс «Grand Capital» приглашает присоединиться к сообществам в социальных сетях и участвовать в конкурсах каждую неделю.

32

Новые посетители сайта «ВОС» видят всплывающее окошко с приглашением подписаться на сообщества в социальных сетях.

33

AdMe.ru выражает благодарность читателям и приглашает подписаться на группу ВКонтакте.

34

Приглашение подписаться на сообщество в Фейсбуке появляется на AdMe.ru во всплывающем окошке во время прокрутки страницы.

35

Телеканал «СТС» приглашает пользователей сайта голосовать во ВКонтакте за участников шоу «Два голоса». Ссылка с сайта ведёт на конкретный пост в группе.

36

Журнал «Главбух» призывает бухгалтеров дружить и общаться на профессиональные темы в социальных сетях. Призыв к вступлению в сообщества всё время видно во всплывающем окошке внизу слева.

37

Цветочный склад «Всё пучком» показывает всплывающее окошко новым посетителям сайта с призывом вступить в группу ВКонтакте и участвовать в еженедельных розыгрышах бесплатных букетов.

38

Некоммерческий просветительский проект «Arzamas» предлагает подписаться на сообщество ВКонтакте. Призыв размещён на яркой плашке, оформленной в стилистике сайта.

Чуть ниже есть призыв подписаться на группу в Фейсбуке, чтобы быть в курсе событий проекта. На некоторых страницах «Арзамаса» вместо приглашения в Фейсбук находится приглашение присоединиться к проекту в Одноклассниках.

39

На сайте образовательного проекта для призывников «Armydocs» призывает подписаться на сообщества в социальных сетях и следить за новыми материалами.

40

Понятно опишите сообщество

Расскажите на языке целевой аудитории, что есть хорошего в ваших сообществах. Напишите, какой тип контента ждёт пользователей и чему он посвящён: статьи о рыбалке, рецепты к рождеству, фотографии подводных лодок, видеосъёмки дикой природы и так далее.

Бренд «Малютка» объясняет молодым мамам на понятном им языке, ради чего стоит вступить в группу в Одноклассниках, подписаться на Инстаграм и канал на Youtube.

41

Студия «Панкисофт» показывает, что в Фейсбуке можно почитать новости и обсудить статьи.

42

На сайте спортивных клубов «Sportlife» рассказано о том, что ждёт пользователей в сообществах в разных социальных сетях.

43

Рифма.ру приглашает читателей делиться стихами в социальных сетях.

44

Интернет-магазин «Колибри» сообщает клиентам, что в сообществах в социальных сетях можно узнавать о новостях, акциях и специальных предложениях.

45

Разместите кнопку «Поделиться»

Поставьте кнопки, при помощи которых пользователи легко опубликуют ссылку на любой материал сайта на своей странице в социальной сети.

Выберите место для кнопки «Поделиться»: рядом с заголовком, в середине или в конце страницы. Или повторите кнопки несколько раз.

В статьях на сайте ресторанного холдинга «Ginza Project» кнопки для расшаривания материала в соцсетях появляются по наведению на иконку с сердечком.

46

На сайте «Связного» рядом с заголовком акции есть компактный блок с соцкнопками и призывом делиться ссылкой с друзьями.

47

В конце каждой статьи на портале бизнес-новостей «Finparty» размещены кнопки для расшаривания материала в социальных сетях.

48

В конце статей на сайте «Давай сходим!» есть призыв делиться материалом, который понравился.

49

В блоге сети ресторанов «Две палочки» кнопки для расшаривания есть в начале и в конце каждой записи.

50

В статьях на проекте «Recycle» кнопки для шеринга с призывом «Поделиться» повторяются дважды: в начале и в конце.

51

В статьях на сайте «Мела» есть плавающие кнопки шеринга, которые видно при прокрутке страницы.

52

После скачивания бесплатного изображения на фотостоке «Pixabay» появляется всплывающее окошко с просьбой поддержать проект: купить чашку кофе или расшарить ссылку в социальных сетях.

53

Все узнают о доставке сладкой немытой моркови из интернет-магазина «Деликатеска.ру» благодаря кнопке «Рассказать друзьям».

54

В подвале сайта бонусного клуба «Много.ру» есть призыв поделиться ссылкой на сайт в социальных сетях.

55

«Cosmopolitan» призывает поделиться статьёй с друзьями.

56

Герой сайта «ЛабиринтУм» Человек Наук призывает поделиться понравившимся постом из блога с друзьями.

57

Интернет-магазин «Love Home Love» призывает пользователей рассказать о чудо-фартуках. По нажатию на призыв во всплывающем окошке появляются кнопки для шеринга во ВКонтакте и Фейсбуке.

58

Сервис доставки подарков «EnjoyMe Box» подсказывает свой фирменный хештег и призывает делиться информацией о сайте с друзьями.

59

Онлайн-кинотеатр Ivi.ru предлагает поделиться ссылкой на фильм с друзьями.

60

Призывайте расшаривать

Напишите, почему нужно поделиться ссылкой на сайт в социальных сетях. Объясните это в двух-трёх словах, но как можно конкретнее.

Например, если поделиться ссылкой на сайт своего дома, то можно найти себе новых соседей. А если расшарить инфографику о налогах и взносах, которые платит работодатель, то друзья узнают реальную стоимость своего часа работы.

Жители клубного посёлка «Европа» могут расшарить ссылку на сайт в социальных сетях и спросить друзей, хотят ли они приехать в гости.

61

AdMe.ru говорит «спасибо» пользователям за входновение и мурашки и предлагает делиться материалами в Фейсбуке и ВКонтакте.

62

«Финолог» посчитал, сколько на самом деле стоит рабочее время сотрудников за месяц работы. И призывает поделиться шокирующей информацией с друзьями.

63

Проект «Давай сходим!» предлагает делиться новостями о предстоящих концертах.

64

Призыв чекиниться и приглашать друзей в социальных сетях замаскирован под одно из правил поведения в Парке Горького. Использовать хештег парка — обязательно.

65

В сервисе «Отмазка-запаска» можно сгенерировать благовидную причину срывать сроки и не работать. Если отмазка понравилась, то можно поделиться ей в социальных сетях.

66

Поощряйте

Тем, кто расшарит материалы вашего сайта в социальных сетях, пришлите виртуальный подарок. Что-то бесплатное, но полезное, например, сборник рецептов или руководство по расчёту калорийности питания.

«Финолог» пришлёт методичку о мотивации персонала всем, кто расшарит ссылку на сайт в социальных сетях.

67

Онлайн-университет «Нетология» подарит месяц обучения за каждого пользователя, который перейдёт на сайт по расшаренной в соцсетях партнёрской ссылке и оплатит доступ к курсам.

68

Играйте

Подготовьте увлекательный тест на проверку знаний в той или иной области. Придумайте весёлые звания тем, кто даст разное количество правильных ответов. И призывайте поделиться результатами в социальных сетях.

На проекте «Чехов жив» участники проходят тест и получают различные звания, которыми можно поделиться в социальных сетях.

69

Компания «Антияма» предлагает жителям Краснодара фотографировать ямы на дорогах города, выкладывать фото на сайт и делиться ссылкой с друзьями в социальных сетях. Фирма бесплатно залатает яму, фотография которой наберёт больше всего голосов. Так «Антияма» привлекает трафик из социальных сетей и продвигает свою основную коммерческую деятельность по устранению повреждений на дорогах.

70

«2ГИС» предлагает выбрать подарок из списка, рассказать о нём в социальных сетях и не удалять пост до конца конкурса. Победители конкурса определяются случайным образом.

71

72

Для того чтобы проголосовать за участников виртуальных битв на сайте «Драка Собака», нужно опубликовать пост о голосовании в социальной сети.

73

Образовательный проект «Arzamas» предлагает пройти тест на знание представителей русской культуры и поделиться результатами в социальных сетях.

74

На совместном проекте Vc.ru и Яндекс.Кассы можно протестировать свои способности к управлению интернет-магазином. В конце теста пользователей ждёт призыв поделиться результатом в социальных сетях.

75

На спецпроекте «Супер-женщины» телеканала «FOXlife» легко создать инфографику о повседневных женских делах и поделиться своими достижениями с друзьями в социальных сетях.

76

На проекте «Дед Мороз Aviasales» можно выиграть путешествие, если поделиться ссылкой с друзьями.

77

Можно выиграть путешествие в Гонконг от «Aviasales», если поделиться ссылкой в социальной сети.

78

Используйте «социальный замок»

Предложите пользователям хороший бонус, например, бесплатную электронную книгу, скидку на заказ или доступ к дополнительным материалам сайта. Но не отдавайте просто так.

Установите на сайт плагин «Social Locker» или подобный ему, который скрывает часть контента. Сначала пользователь лайкает или репостит нужный вам контент в соцсети. А затем автоматически получает доступ к обещанному бонусу.

На образовательном проекте для призывников «Armydocs» часть контента доступна только подписчикам сообществ в социальных сетях.

79

Кнопки социальных сетей для сайта Joomla2.5

 

 

 

Кнопки социальных сетей для сайта или просто социальные кнопки для Joomla 2.5.
 Как установить социальные кнопки для Joomla 2.5,  и вообще какая от них польза на сайте?  
Процесс установки социальных кнопок не вызовет особых затруднений. А вот нужны ли социальные кнопки для Joomla 2.5, это зависит от предназначения сайта и его специфики, а также от простого желания блоггера или веб – мастера.
 Положительный момент от наличия социальных кнопок – частичное увеличение трафика на ваш сайт, ускоряет индексацию страниц.
Отрицательный момент:  некоторое увеличение времени загрузки страницы.

В интернете можно найти довольно много различных вариантов расширений кнопок социальных сетей. Наиболее популярными являются расширения с кнопками международных соц сетей. А для сайтов с русскоязычной аудиторией будет логично иметь комплект кнопок с русскоязычными социальными сетями.  Таким требованиям как раз и соответствует плагин для — SocButtons.

 

Скачать плагин Кнопки социальных сетей для сайта Joomla  — SocButtons  

С помощью плагина можно вывести кнопки социальных сетей:

  • Twitter
  • Google +1
  • Facebook
  • LinkedIn
  • Вконтакте
  • Мой Мир
  • Одноклассники
  • Я.ру

Установка плагина осуществляется стандартным способом.
Посредством  “Менеджера расширений” загружаем плагин на сайт.
Осущестляем переход в “Менеджер плагинов” и включаем наш плагин Content — SocButtons.
Далее открываем плагин и осуществляем необходимые настройки

Настроек здесь не много и должно быть все понятно. 
Выбираем нужную кнопку: включаем “Да”. 
Устанавливаем вид кнопки.
Избираем язык.

 

 

Все кнопки не требуют дополнительной настройки, кроме кнопки “ВКонтакте”. Что бы данная кнопка функционировала нормально необходимо ввести свой ID аккаунта в имеющееся поле плагина.
Получить личный ID в “ВКонтакте” можно следующим образом: нужно добавить свой сайт в аккаунте и получить необходимый ID.


 

Выбираем позицию кнопок, то есть место где они будут располагаться на странице: в конце или в начале статьи.
Выравнивание: по какому краю страницы (левому или правому).
Исключить категории: выделяем категории для исключения.
Исключить страницу по ее индивидуальному номеру.

Произведя выше перечисленные изменения, сохраняем и опубликовываем плагин. Открываем страницу в браузере и наблюдаем проделанную работу. На странице будут отображены  Кнопки социальных сетей для сайта.

Можете проверить как работают социальные кнопки для Joomla 2.5 прямо сейчас. Для этого нажмите любую кнопку на данной странице, где у вас имеется аккаунт.

 

Еще хочу порекомендовать вам отличный сайт, через который можно запросто, а главное
совершенно бесплатно выбрать набор кнопок соц закладок.

Называется он Share42.Com и с помощью него можно создать скрипт кнопок социальных закладок и
сетей и установить на ваши страницы.

На сайте есть подробная инструкция, описывающая весь процесс установки. 

 

Еще joomline выпустила новы социальный плагин для Вконтакте и Facebook.
Плагин выводит виджеты комментариев социальных сетей Google+, Вконтакте и Facebook и позволяет почти 90% аудитории комментировать не авторизуясь на сайте.
Плагин  plg_jllike_2.1.0_j2.5_j3

Успехов!

Как (и где) добавить кнопки социальных сетей на ваш сайт для большего взаимодействия

Поскольку количество репостов в социальных сетях снизилось на 50 процентов с 2015 года, даже включение социальных сетей в ваш контент-план кажется безнадежным делом.

И все мы слышали старинные утверждения о том, что кнопки социальных сетей мертвы.

Точно так же, как мы слышали о SEO, контент-маркетинге, PPC и почти любой другой маркетинговой тактике, которая все еще работает.

Самые большие нарекания, которые отмечаются рядом с кнопками публикации в социальных сетях, часто исходят от маркетологов, которые их неправильно используют.

Или на сайтах с недостаточным объемом трафика.

В большинстве случаев это связано с плохим размещением и плохим юзабилити.

Вот как и где добавить кнопки социальных сетей на ваш сайт для максимального взаимодействия с людьми.

Где избегать кнопок социальных сетей на вашем сайте

Большинство маркетологов ошибаются в двух основных областях с кнопками совместного использования в социальных сетях:

  • Помещая их не на те страницы: никто не собирается ими делиться.
  • Использование плохих социальных кнопок с ужасным удобством использования: это слишком хлопотно.

Реклама

Продолжить чтение ниже

Где окончательно не работают кнопки социальных сетей?

На страницах продуктов, цен и функций:

Согласно исследованию, проведенному VWO, удаление кнопок социальных сетей на страницах продуктов сайтов электронной торговли увеличило конверсию на 11,9 процента.

Это исследование вызвало некоторые разногласия по поводу того, действительно ли работают кнопки социальных сетей или они негативно влияют на ваш успех.

Но это трудно сказать по нескольким причинам:

Реклама

Продолжить чтение ниже

  • Это было на странице продукта. Кто собирается делиться продуктом в социальных сетях прямо со страницы продукта перед его покупкой? Вероятно, 1 из 1000000.
  • Низкое количество репостов на странице продукта похоже на отрицательные или нулевые отзывы на Amazon. Люди этому не верят. Это работает как «негативное» социальное доказательство.
  • Это отвлекает людей от основного призыва к действию, заключающегося в покупке продукта.

Если вы можете добавить удобные кнопки совместного использования в социальных сетях на нужные страницы, вы можете держать пари, что количество распространений в социальных сетях будет расти.

Итак, где их добавить?

Добавьте кнопки обмена в социальных сетях в свой контент

Возможно, один из лучших примеров использования кнопки обмена в социальных сетях — это HubSpot:

При использовании контента на HubSpot и выделении определенных разделов всплывает панель социального обмена, отображая варианты для Twitter, Facebook, электронной почты, LinkedIn, Messenger, а также копирования и вставки.

Это великолепное удобство использования.

Это позволяет пользователям не только делиться всей статьей, но и отдельными разделами контента, который им интересен.

Плюс, когда вы копируете и вставляете раздел из сообщения, это выглядит так:

«Когда вы сегментируете приведенные выше результаты по размеру компании, результаты становятся еще более интересными». https://blog.hubspot.com/marketing/blogging-frequency-benchmarks

Он автоматически помещает скопированный контент в кавычки и цитирует источник со ссылкой HubSpot.

Бум! Теперь это правильная атрибуция.

Когда вы нажимаете кнопки социальных сетей, например Twitter или Facebook, происходит то же самое, автоматически импортируется цитируемый текст и цитируется ссылка на статью.

Хотите больше репостов в социальных сетях с помощью кнопок? Следуйте примеру HubSpot и включите его в удобство использования страницы, а не просто используйте статические кнопки на боковой панели.

Добавить кнопки социального обмена на полпути к содержанию

Официальный документ от Chartbeat показал, что 55 процентов посетителей сайта читают статью в течение 15 секунд или меньше.

Реклама

Читать ниже

Brutal.

Заставить людей кликать в результатах поисковой системы и так достаточно сложно, не говоря уже о том, чтобы они оставались без дела для потребления контента.

Так что можете поспорить, что кнопки публикации в социальных сетях, отображаемые в верхней части сообщения в блоге, не делают тяжелой работы.

Если люди даже не читают более 15 секунд, они не будут делиться вашим контентом.

С учетом сказанного, вы должны добавить их дальше вниз по странице вашего контента, ориентируясь на более заинтересованных читателей и интенсивный трафик.

Если люди постоянно доходят до конца вашего контента, им, вероятно, понравился пост.

И если им понравится этот пост, ваши шансы на то, что он станет популярным в социальных сетях, намного выше.

Кнопки совместного доступа в верхней части вашего контента могут просто отвлекать от общей картины:

Побуждая людей активно читать ваш контент.

Итак, попробуйте добавить кнопки социальных сетей в нижнюю половину вашего контента.

Или даже в конце с призывом к действию:

Включите его и посмотрите, что вызывает больше репостов вашего контента в социальных сетях.

Реклама

Продолжить чтение ниже

Показывать совместное использование в социальных сетях как социальное доказательство при накоплении общих ресурсов

По мере того, как вы начинаете накапливать публикации в социальных сетях, вы можете перевернуть сценарий и отобразить кнопки социальных сетей в верхней части содержимого.

Низкое количество репостов контента может работать против вас, если у вас нет многолетнего опыта повышения узнаваемости вашего бренда.

Представьте себе:

Тот, кто никогда не слышал о вашем бренде, решает дать вам шанс в поисковой выдаче против крупных брендов.

Они нажимают на ваш контент и видят это:

Скорее всего, они подумают:

Реклама

Продолжить чтение Ниже

Это странно, почему у этого сообщения только одна социальная доля? Правильно ли это содержание? Это плохо? Мне найти что-нибудь еще?

Если у вас еще не было времени на создание множества репостов в соцсетях или публикация просто не набрала так много, не используйте статические кнопки в начале сообщения.

Это может негативно повлиять на вашу способность получать больше акций.

И наоборот, если у вас есть тонны репостов, отображайте их прямо в верхней части поста для получения огромных социальных преимуществ:

Лучшие приложения и плагины для социальных сетей

Не все кнопки и плагины для социальных сетей доступны. созданы равными.

Объявление

Продолжить чтение ниже

Некоторые из них неуклюжие, устаревшие, плохо удобные и просто ужасно выглядят.

Когда дело доходит до кнопок совместного использования, вам нужно обратное.

Вот некоторые из лучших на рынке, как платные, так и бесплатные, с которыми можно поэкспериментировать.

1. Выделите и поделитесь для WordPress — Бесплатно!

Этот плагин для WordPress работает так же, как HubSpot, позволяя пользователям на вашем сайте делиться вашим контентом при выделении текста.

Этот плагин полностью бесплатен для пользователей WordPress и работает с:

Реклама

Продолжить чтение ниже

  • Twitter
  • Facebook
  • WhatsApp
  • LinkedIn
  • Электронная почта

С его помощью вы можете включать темы , отключите определенные социальные сети и настройте параметры обмена.

2. Social Warfare — от бесплатного до платного

Social Warfare содержит множество различных вариантов для обмена кнопками от статичных до исчезающих в определенных местах вашего сообщения.

Отлично подходит для добавления кнопок общего доступа в середине содержания для целевой аудитории.

3. Monarch — Платный

Monarch — это плагин для обмена в социальных сетях под брендом ElegantThemes. Доступ к сайту и плагину стоит денег, но он один из лучших на рынке.

Он позволяет максимально настраивать брендинг любого плагина и создавать самые разнообразные последовательности анимации.

Хотите превосходный плагин? Вам придется заплатить немного больше.

Но если индивидуальная настройка важна для вас, это того стоит.

Реклама

Продолжить чтение ниже

Заключение

Кнопки социальных сетей могут быть очень эффективными, если их разместить на нужных страницах в нужное время.

Но чаще всего маркетологи просто размещают кнопки социальных сетей повсюду.

Еще кнопки! Вы получаете кнопку, вы получаете кнопку!

К сожалению, этот подход не работает.

Хотите больше репостов в социальных сетях?

Размещайте их в контенте, когда люди выделяют разделы.

Добавьте кнопки социальных сетей на полпути к содержанию, чтобы привлечь заинтересованных читателей.

Отображайте кнопки социальных сетей вверху сообщений, только когда вы накопили тонны репостов.

Избегайте дешевых кнопок социальных сетей и выбирайте более удобные.

Кнопки социальных сетей еще не умерли. Пришло время начать использовать их целенаправленно.

Дополнительные ресурсы:


Кредиты изображений

Скриншоты, сделанные автором, январь 2019 г.

Бесплатные кнопки социальных сетей | Лучшее приложение для кнопок социальных сетей в 2021 году

Настраиваемый

Первое, что люди узнают о вас, — это ваш веб-сайт. Сделайте это красивым, последовательным стилем и ощущением.Просто откройте редактор POWR, чтобы приступить к редактированию практически любого аспекта виджета. Фоны, стили границ, цвета; измените их все, не теряя самообладания. Красиво сочетайте остальную часть вашего сайта, без путаницы с кодом или дорогостоящих гонораров разработчикам.

Монтаж в реальном времени

Настроить кнопки социальных сетей POWR очень просто. Вам даже не придется покидать свою веб-страницу. Просто откройте WYSIWYG POWR Editor, а затем измените дизайн и содержимое вашего плагина Social Media Buttons.Вы увидите обновленные изменения прямо на веб-странице. Таким образом, нет раздражающего управления окнами или переключения представлений. Просто измените и сохраните.

Адаптивный мобильный

Дни настольных компьютеров прошли. Не отставайте от растущего числа потребителей, использующих мобильные телефоны и планшеты. Могут помочь такие надстройки, как кнопки социальных сетей POWR. Он оптимизирован для работы с телефонами, планшетами и практически с любым другим мобильным устройством. Так что не имеет значения, как потребители находят ваш сайт. Они всегда увидят отличный сайт.

Синхронизация с облаком

Как и все плагины POWR, кнопки социальных сетей POWR находятся в облаке. Это означает, что редактировать плагин Social Media Buttons очень просто, где бы вы ни находились. Просто войдите в свою учетную запись, чтобы изменить что угодно. Вы даже можете встроить одни и те же кнопки социальных сетей POWR на несколько веб-страниц с помощью наших простых руководств по установке. Заставьте облако работать на вас с помощью POWR.

Функции кнопок социальных сетей

  • Свяжите до 5 аккаунтов.
  • Поддерживает Facebook, Twitter, Instagram, LinkedIn, Pinterest, YouTube, Yelp, Google+, Flickr, Tumblr, FourSquare, GitHub и другие!
  • Сделайте свои значки яркими с помощью настраиваемых эффектов наведения и ориентации.
  • Пользовательские шрифты, цвета, фон и многое другое.
  • Регулируемый размер и интервал.
  • Поддерживает текст на любом языке.
  • Мобильный отзывчивый на любом устройстве.
  • Полностью совместим с любым сайтом

    Включая, но не ограничиваясь:

    • Простой.Легко ориентироваться для такого нетехнического человека, как я. Пробовал столько приложений, и это лучшая комбинация отличных функций для любого магазина.

    • Это приложение было безупречным. Это помогло мне привлечь трафик моего сайта на большее количество платформ! Я всем очень рекомендую!

    • Мне очень нравится это приложение. Я был удивлен, что Shopify не имеет встроенной функции для чего-то вроде этого, но рад, что ваше приложение отвечает всем требованиям.

    POWR
    Самые мощные инструменты для создания веб-сайтов в мире

    POWR — это набор бесплатных плагинов для всех! Создайте бесплатную форму, отзывчивую фотогалерею, функциональный интернет-магазин или настраиваемый слайдер для баннеров.Создавайте настраиваемые плагины без кода и редактируйте плагины прямо на своей действующей веб-странице с помощью простого редактора POWR. Идеальные инструменты для веб-дизайнеров, малого бизнеса, интернет-магазинов или всех, кто ищет полный набор виджетов и плагинов для веб-сайтов. Добавлять бесплатные плагины для веб-сайтов в WordPress, Wix, Weebly, Shopify, Facebook или любую другую CMS / конструктор сайтов. Кроме того, эти мобильные адаптивные плагины полностью адаптивны, поэтому они будут хорошо смотреться на любом устройстве. Плагины POWR — лучшие инструменты для вашего сайта.Больше никаких дизайнеров. Больше никакого кода. Просто чистый чистый POWR.

    Посмотреть библиотеку Добавить кнопки социальных сетей на мой сайт

    Почему так важно иметь кнопки социальных сетей?

    9 мая 2013 г.

    Поделитесь своим авторитетом с помощью кнопок социальных сетей

    Наличие кнопок социальных сетей на вашем веб-сайте — отличный способ заинтересовать читателей и поделиться своими мыслями и идеями. Если кто-то читает ваш конкретный блог, ему он нравится, он хочет сначала рассказать миру, как он его нашел, и они хотят хорошо выглядеть, когда делятся им, а затем выясняют, что не могут, потому что у них нет возможности делиться. в том блоге… что тогда происходит? Вы, как компания, потеряете доверие, вы не сможете продемонстрировать, насколько вы хороши в своей сфере бизнеса, ваш заинтересованный читатель хочет поделиться этим, чтобы сообщить людям, что они знают, о чем они говорят, используя ваш контент для того, чтобы чтобы сделать это и, в свою очередь, привлечь трафик на ваш сайт.Имея кнопки общего доступа, вы не только сможете легче делиться своими идеями (читателю не придется покидать ваш веб-сайт или менять страницы), но и получите представление о том, какие темы более интересны, чем другие.

    Хотя это звучит как очень простой способ поделиться, до некоторой степени задействованы некоторые глубокие механики. Убедитесь, что используемые вами кнопки являются правильными или общими логотипами. Звучит глупо, но это может вызвать путаницу. Хотя некоторые социальные платформы будут использовать альтернативные логотипы для своих кнопок, обязательно используйте популярные, к которым читатели могут относиться или которым могут доверять.Есть довольно много веб-сайтов, на которых вы можете получить кнопки социальных сетей, например: Sharethis и Addthis.

    Что следует использовать?

    На самом деле разница заключается в ваших личных предпочтениях и ограничениях. Есть два способа сделать так, чтобы кнопки социальных сетей были доступны на вашем веб-сайте. Вы можете пойти по пути получения сторонних плагинов, например, Addthis, для быстрого и удобного использования, или вы можете попросить своего веб-разработчика внедрить жесткие коды на веб-сайт и в блог.Вы не должны использовать более одного набора кнопок общего доступа, и они не должны быть разбросаны по странице. Их лучше всего размещать под основным заголовком, на боковой панели или в конце сообщения в блоге — именно здесь люди ожидают их увидеть, и им не нужно думать, чтобы их искать.

    Использование сторонних плагинов отлично подходит, если вы ищете быстрое краткосрочное решение (просто для того, чтобы вы могли запустить свой веб-сайт и блог и подготовить к совместному использованию возможности), чтобы вы не теряли взаимодействия и посещаемость сайта.В долгосрочной перспективе вам следует подумать о том, чтобы жестко запрограммировать свои социальные кнопки. При использовании таких плагинов, как Addthis, у вас нет свободы выбора таких вещей, как внешний вид кнопки и ее размещение. Вы, в свою очередь, ограничены тем, что вам предоставляет разработчик этого плагина. Большинство платформ социальных сетей предпочтут, чтобы вы использовали их собственные кнопки, которые они с радостью выдадут. Кодируя его в файлах вашего веб-сайта, вы можете разместить его там, где вы считаете нужным для этого блога. Помните: если кто-то читает ваш блог, вы хотите, чтобы он видел кнопку «Твитнуть» или «Поделиться» прямо перед собой — люди заняты и слишком быстро переходят к следующему шагу, даже если они были заинтересованы в вашей статье.Дайте им повод остаться (с вашим блестящим, профессионально написанным блогом) и дайте им повод поделиться им (потому что это так хорошо, и не так уж сложно нажать одну кнопку, чтобы показать всем)!

    Сохраняя простоту

    Важно отметить только, чтобы показать кнопки, которые ваша компания и ваша аудитория будут фактически использовать. Это позволяет странице выглядеть менее забитой без того, чтобы кнопки общего доступа и значки летали, когда кто-то пытается что-то прочитать! В то же время наличие функциональных кнопок, которые, в свою очередь, будут генерировать трафик на ваш сайт и с него.Обязательно отслеживайте, откуда поступает трафик на ваш сайт с точки зрения социальных сетей. Если 90% вашего трафика поступает из Facebook и Google+, убедитесь, что ваши кнопки отражают эти результаты.

    Пока я пишу этот блог, Essential Marketer в настоящее время работает над «живым» примером написания 200 блогов за 50 дней. Если вы читаете какие-либо наши блоги или статьи, включая этот, вы заметите вверху, что у нас есть платформы, которыми мы считаем нужным поделиться. В то же время не похоже, что мы заставляем людей делиться этим, потому что это не беспорядок из 30 различных кнопок социальных сетей, которые следуют за вами повсюду, где вы выглядите как надоедливое насекомое! Главное, чтобы ваш блог не выглядел спамом.Если бы у нас не было этих кнопок общего доступа, эти 200 блогов пропали бы напрасно, поскольку весь смысл нашего «живого» тематического исследования состоит в том, чтобы показать, что высококачественный контент может помочь привлечь трафик на ваш сайт, но все должно быть на месте, чтобы его можно было легко передать, включая возможности совместного использования. Используйте аналитику, чтобы внимательно следить за тем, как ваши блоги и статьи продвигаются в мире социальных сетей. Вы поймете, что дела идут хорошо, когда у вас будет много репостов в самом блоге, что на самом деле может побудить больше читателей поделиться, если они увидят, что он популярен.

    Хороший способ запомнить, как у вас должны быть кнопки общего доступа, — это думать, как будто вы читатель. Если при повторном чтении блога вам не все так хорошо видно, скорее всего, другие читатели их не увидят.

    Как добавить значки и кнопки социальных сетей в WordPress

    Социальные сети стали одним из самых популярных онлайн-видов деятельности, в которых участвуют пользователи. Фактически, более 3,5 миллиардов человек ежедневно пользуются социальными сетями.

    Это означает, что если у вас есть веб-сайт, бизнес или блог и вы не используете социальные сети, вы упускаете огромную возможность привлечь клиентов и привлечь читателей.

    К счастью для пользователей WordPress, интегрировать социальные сети на ваш сайт не так уж и сложно.

    В этой статье мы расскажем, как добавить значки социальных сетей, кнопки социальных сетей и каналы социальных сетей на свой веб-сайт WordPress. Мы также рассмотрим лучшие плагины WordPress для социальных сетей, которые вы можете установить, чтобы вывести социальные сети на новый уровень на своем веб-сайте.

    Социальные сети — важная часть цифрового мира. Нравится вам это или нет, социальные сети помогают нам оставаться на связи и знакомят с новыми идеями и организациями.Социальные сети помогут вам расширить охват, привлечь больше клиентов и увеличить доход. Эта статья покажет вам, как добавить в WordPress значки социальных сетей и каналы социальных сетей.

    Что такое значки и ленты социальных сетей?

    Иконки социальных сетей — это пиктограммы вверху (верхний колонтитул) или внизу (нижний колонтитул) веб-сайта. Каждый значок представляет соответствующую платформу социальных сетей и будет ссылаться на вашу учетную запись в социальной сети.Например, значок Twitter — легко узнаваемая птичка. Когда посетитель заходит на ваш сайт и нажимает на птицу в верхнем или нижнем колонтитуле, он попадает в ваш профиль в Twitter.

    Эта функция дает посетителям вашего веб-сайта еще один способ взаимодействия с вашей организацией и предоставляет им простой способ поделиться вашими продуктами и услугами в своей сети. Отметить друга в сообщении в социальных сетях или сделать репост в социальных сетях намного проще / быстрее, чем поделиться веб-сайтом по электронной почте или тексту.Это также расширяет ваш охват до их подписчиков и не только.

    Каналы социальных сетей добавляют на ваш веб-сайт динамические области — обычно на боковой панели или внизу веб-сайта — которые отображают ваши сообщения в социальных сетях. Они периодически обновляются и будут отображать ваши самые свежие сообщения в социальных сетях на вашем веб-сайте.

    В зависимости от вашего бизнеса и контента, который вы публикуете в социальных сетях, каналы социальных сетей могут добавить приятный визуальный элемент на ваш веб-сайт и побудить посетителей веб-сайта взаимодействовать с вашей организацией в социальных сетях.Это особенно актуально для организаций, которые визуально привлекают внимание или активно используют изображения в своем маркетинге, таких как фотографы, бутики, парикмахерские, уход за домашними животными, службы приема в колледж, ландшафтный дизайн и т. Д.

    Добавление значков социальных сетей или ленты на ваш сайт WordPress важен для роста и успеха вашего присутствия в Интернете. Однако важно отметить, что для успешной интеграции социальных сетей / веб-сайтов вы также должны быть активны в своих учетных записях в социальных сетях .

    Когда посетитель веб-сайта переходит на вашу страницу в социальной сети с вашего веб-сайта, ваша учетная запись в социальной сети должна быть кладезем соответствующей информации и ресурсов в соответствии с отраслью вашей организации. Это поможет сохранить и удержать клиентов.

    Привязка к мертвым или недостаточно используемым учетным записям в социальных сетях, особенно когда другие компании полностью используют свои учетные записи в социальных сетях, отрицательно скажется на вашем онлайн-взаимодействии и может замедлить рост.

    Если вы не собираетесь обновлять свои учетные записи в социальных сетях, не интегрируйте их на свой веб-сайт.

    Использование настройщика тем для добавления значков социальных сетей

    Добавить значки социальных сетей на ваш веб-сайт WordPress легко с помощью большинства современных тем и редакторов. Приведенные ниже инструкции помогут вам добавить значки социальных сетей на ваш сайт WordPress.

    Следует отметить, что шаги одинаковы независимо от того, какую тему или редактор вы выберете для использования. В этой статье мы использовали тему Twenty Twenty.

    1. Войдите в свою панель управления WordPress.
    2. Перейдите к Внешний вид> Настроить
    3. Из меню настройки перейдите к Меню
    4. В разделе Меню опций добавьте имя для меню социальных сетей в Имя меню и установите флажок рядом с Социальные сети под Расположение меню
    5. Затем нажмите Добавить элементы
    6. Щелкните треугольник справа от Пользовательских ссылок
    7. Под Пользовательскими ссылками добавьте URL своего профиля в поле URL и текст для ссылки в поле Текст ссылки поле
      (Следует отметить, что текст ссылки может не отображаться для вашей темы.Тем не менее, значок будет отображаться для каждой ссылки профиля платформы, которую вы добавляете.)
    8. Нажмите Добавить в меню
    9. Теперь значок вашей социальной сети будет добавлен в область социального меню в соответствии с активной темой WordPress.
    10. Убедитесь, что вы нажали Опубликуйте , чтобы сохранить изменения.

    Добавление ленты социальных сетей

    Ленты социальных сетей не являются встроенной функцией, как значки социальных сетей. Однако вы можете легко добавить эту функциональность с помощью одного из множества бесплатных плагинов WordPress, доступных для каналов социальных сетей.

    После установки плагина перейдите к настройкам плагина в меню панели инструментов, добавьте свой профиль в социальной сети и настройте отображение ленты. После успешного создания канала социальной сети скопируйте и вставьте шорткод канала на страницу, на которой он должен отображаться.

    С помощью приведенных выше рекомендаций и инструментов используйте возможности социальных сетей и расширьте охват своей организации в Интернете. Узнайте больше советов и приемов WordPress на нашем канале WordPress!


    Если вы понимаете, как использование социальных сетей может привлечь трафик на ваш веб-сайт, следует помнить еще о том, что, используя свой веб-сайт, вы можете помочь создать свою социальную сеть с помощью кнопок социальных сетей.

    Посетителю, который находит ваш веб-сайт, могут понравиться предлагаемые вами продукты или услуги, но они могут еще не понадобиться. Вместо того, чтобы полагаться на них, чтобы они, надеюсь, добавили ваш сайт в закладки и не забывали вернуться в другое время, когда они будут нуждаться в ваших услугах, их добавление в свою социальную сеть поможет вам оставаться актуальными.

    В этом разделе мы рассмотрим некоторые из множества способов, которыми вы можете помочь добавить кнопки социальных сетей на свой веб-сайт, чтобы посетители могли легко начать следить за вами в своих любимых социальных сетях.

    Что такое кнопки социальных сетей?

    Сомневаюсь, что за последние несколько лет вы могли много перемещаться по Интернету, не сталкиваясь с кнопками социальных сетей. По сути, это просто небольшие значки, которые вы размещаете на своем веб-сайте, ссылаясь на свои социальные сети.

    На самом деле, если вы прокрутите эту статью до конца, вы увидите кнопки лайков Facebook , Instagram и Twitter . Таким образом, если вам понравилась эта статья и вы хотите, чтобы ее прочитали и некоторые из ваших друзей в одной из этих социальных сетей, вы можете легко поделиться ею с ними (пожалуйста!).

    Обычно существует два основных типа кнопок социальных сетей: те, которые просто ссылаются на ваши социальные профили, а затем те, которые отслеживают, сколько лайков, подписчиков, репостов у вас есть на этой странице или на вашем веб-сайте.

    Как добавить кнопки социальных сетей в HTML

    В простейшей форме, если у вас есть всего несколько страниц HTML , составляющих ваш веб-сайт, вы можете легко добавить кнопки социальных сетей на эти страницы с помощью простого кода из каждой социальной сети.

    Кнопки Facebook

    Добавление кнопок социальных сетей Facebook на ваш веб-сайт может помочь вам распространить ваше сообщение сарафанное радио среди друзей посетителя.У них есть как кнопка «Нравится», которую вы можете использовать на любой странице, так и поле «Нравится», которое вы можете использовать, если у вас есть страница Facebook для вашего бизнеса.

    Кнопка «Мне нравится» в Facebook

    Зайдите на кнопку «Нравится» в Facebook, страницу и просто введите информацию для своей кнопки, затем нажмите Получить код .

    Выберите код JavaScript в верхнем поле и вставьте его на свою HTML-страницу сразу после тега .

    Затем выберите HTML из нижнего поля и вставьте его в то место, где вы хотите, чтобы кнопка отображалась на вашей странице.

    Теперь вы должны увидеть кнопку «Мне нравится» Facebook на той странице, где вы ее разместили.

    Facebook Like Box

    Посетите страницу Facebook Like Box, если у вас уже есть страница Facebook, которую вы пытаетесь продвигать на своем веб-сайте. Затем нажмите кнопку Получить код после заполнения сведений о странице.

    Поскольку у нас уже есть JavaScript на нашей странице HTML с помощью кнопки «Нравится» выше, теперь вам просто нужно скопировать HTML поля «Нравится» и вставить его на свою страницу, где вы хотите, чтобы он отображался.

    Теперь вы должны увидеть на своей странице и кнопку «Нравится» Facebook , и поле «Нравится».

    Кнопки Twitter

    Twitter предлагает четыре различных типа кнопок социальных сетей для вашего веб-сайта. Есть возможность поделиться ссылкой, кнопкой подписки, кнопкой хэштега и, наконец, кнопкой упоминания.

    Twitter Кнопка «Поделиться ссылкой»

    Посетите Twitter, чтобы поделиться страницей кнопки ссылки, затем введите все сведения о странице, которой вы хотите поделиться.

    Затем вам нужно скопировать и вставить код на свою страницу, где вы хотите разместить кнопку.

    Теперь вы должны увидеть свою Twitter кнопку «Поделиться ссылкой», и если вы нажмете на нее, отобразятся введенные вами данные.

    Twitter Follow Button

    Посетите страницу Twitter Follow button и выберите Twitter handle you Мне нравится кнопка, за которой следует следовать.

    Затем скопируйте полученный код HTML и вставьте его на свою веб-страницу, где вы хотите нажать кнопку «Подписаться».

    Теперь вы можете увидеть кнопку «Поделиться ссылкой» на Twitter, и только что созданную кнопку «Подписаться». Если вы нажмете на новую кнопку подписки, вы увидите, что она отобразит дескриптор Twitter , который вы ввели в форму.

    Кнопка хэштега Twitter

    Посетите страницу кнопки хэштега Twitter и введите данные, которые вы хотите использовать для кнопки хэштега.

    Затем скопируйте код HTML и вставьте его в то место, где вы хотите кнопку на вашем сайте.

    Теперь у вас есть Twitter , кнопка «Поделиться ссылкой», кнопка «Follow» и созданная вами новая кнопка хэштега. Когда вы нажмете на нее, вы увидите хэштег и введенные вами данные во всплывающем окне.

    Кнопка упоминания в Twitter

    Зайдите на страницу кнопки упоминания в Twitter и введите данные, которые вы хотите использовать.

    Затем скопируйте полученный код HTML и вставьте его в то место, где должна отображаться кнопка на вашем сайте.

    Теперь у вас есть Twitter , кнопка поделиться ссылкой, кнопка подписки, кнопка с хэштегом и новая кнопка упоминания, которую вы создали.Когда вы щелкнете по нему, вы сможете отправить введенное вами сообщение.

    Надеюсь, теперь вы хорошо разбираетесь в том, как добавлять кнопки социальных сетей на свой сайт. Это руководство будет пополняться новыми сведениями о том, как добавлять кнопки этого типа в различные системы управления контентом. Если вам нужна помощь в том, как это сделать, оставьте комментарий ниже!

    Лучшие плагины WordPress для Facebook и Twitter

    Социальные сети — важная часть создания вашего веб-присутствия.Однако, помимо добавления значков или каналов социальных сетей на ваш сайт, вы также добавляете более сложную интеграцию с социальными сетями, чтобы стимулировать еще большее участие на вашем сайте.

    Рассматривая конкретно Facebook и Twitter, с помощью плагинов вы можете добавлять свои обзоры в Facebook, разрешать пользователям входить на ваш веб-сайт, используя свой профиль в социальных сетях, встраивать события, публикуемые на ваших страницах в социальных сетях, предоставлять социальное подтверждение ваших услуг и т. Д. .

    Существует множество плагинов WordPress для Facebook и Twitter, но вот несколько, которые помогут вам добавить больше интеграции, чем просто значок или канал страницы.

    Лучшие плагины WordPress для Facebook

    Независимо от того, как вы относитесь к Facebook, он по-прежнему является серьезным препятствием в мире социальных сетей. На платформе активны миллиарды людей, и в зависимости от вашего бизнеса добавление дополнительной интеграции с Facebook на ваш сайт может помочь увеличить и удержать посетителей. Вот несколько плагинов WordPress, которые вам следует рассмотреть для дополнительной функциональности Facebook на вашем сайте.

    Pixel Cat

    Официально известный как Facebook Conversion Pixel, Pixel Cat позволяет добавить пиксель Facebook на ваш сайт для отслеживания конверсий и ретаргетинга аудитории.С помощью этого плагина пикселей вы можете отправлять события (прочитанные сообщения в блоге, просмотренные продукты и т. Д.) И другие данные в Facebook, чтобы вы могли планировать и реализовывать успешную рекламу Facebook.

    Социальные обзоры и рекомендации

    Ничто так не укрепляет доверие, как социальное доказательство. Отображение отзывов от реальных людей поможет расширить ваш бизнес и повысит лояльность ваших клиентов. С помощью этого плагина вы можете легко добавлять обзоры Facebook на свой веб-сайт с помощью шорткода или виджета.

    Nextend Social Login and Register

    Простой вход в один клик или единый вход (SSO) — это функция, которую сегодня ожидают большинство онлайн-пользователей.Кроме того, вход в систему в один клик поможет привлечь пользователей и может увеличить ваши онлайн-продажи. Этот плагин особенно полезен для блогов и сайтов электронной коммерции. Он позволяет пользователям входить в систему, используя свои учетные записи Facebook, Twitter или Google. Вы также можете добавить виджет входа на свой сайт с помощью шорткода.

    FAuto Poster

    Ведение блога, учетных записей в социальных сетях и ведения бизнеса может быть ошеломляющим. В конце концов, у вас также есть личная жизнь, которой нужно уделить внимание. Если ваш контент похож на всех платформах, рассмотрите возможность использования этого плагина автоматической публикации.После установки и настройки он будет автоматически отправлять сообщения и страницы блога в ваш профиль Facebook после публикации контента.

    Magic Embeds

    Этот плагин, официально известный как WP Embed Facebook, позволяет встроить любой элемент Facebook в свой веб-сайт. Добавляйте события Facebook, видео, полные альбомы, фан-страницы и даже заменяйте систему комментариев WordPress комментариями Facebook. Вы можете легко добавлять элементы с помощью шорткода, URL-адреса или встроенного блока в редакторе.

    Лучшие плагины WordPress для Twitter

    Twitter — еще одна популярная платформа социальных сетей среди цифровых пользователей.Благодаря миллионам активных пользователей Twitter может помочь вам увеличить вашу аудиторию и взаимодействие с сайтом. Вот несколько плагинов WordPress для Twitter, которые добавляют дополнительную функциональность вашему сайту:

    Inline Tweet Sharer

    При ведении блога или даже если у вас есть общий текст на ваших статических страницах, что дает вашей аудитории простой способ поделиться определенным контентом прекрасная идея. Этот плагин позволяет вам добавлять ссылок общего доступа в ваш контент, чтобы посетители могли твитнуть определенные фрагменты контента своим подписчикам в Twitter.

    Highlight and Share

    Подобно вышеупомянутому плагину, Highlight and Share — это плагин для совместного использования в социальных сетях, который позволяет вашим пользователям легко делиться вашим контентом с помощью действия, к которому они уже привыкли, — выделения текста. Бесплатный плагин позволяет вашим читателям выделить и поделиться любым контентом на странице, а не только контентом, который вы определяете как достойный твита. В плагине также есть блок Гутенберга, который добавляет щелчок, чтобы поделиться / щелкнуть, чтобы твитнуть.

    Восстановить старые сообщения

    Если у вас много контента на вашем веб-сайте и вам сложно постоянно публиковать сообщения в Twitter, этот плагин идеально подходит для вас. будет публиковать более старый контент (сообщения в блогах, продукты электронной коммерции и т. Д.) Автоматически, как только вы настроите плагин и установите расписание публикации. Восстановление старого контента — отличный способ повысить вовлеченность пользователей и посещаемость вашего сайта за счет повторного внедрения качественного контента.

    WP Twitter Auto Publish

    Если вы хотите автоматически твитнуть после создания нового контента без дополнительных функциональных возможностей публикации старого контента, вам следует рассмотреть возможность автоматической публикации WP Twitter.Это простой плагин, который будет твитнуть от вашего имени, как только на вашем сайте будет размещен новый контент. Конечно, вы можете настроить плагин и указать, какие типы контента вы хотите отправлять в Twitter после их публикации.

    Те, кто использует инструмент управления социальными сетями Buffer, могут использовать плагин Buffer WordPress для бесшовной интеграции.

    Если вам нужны дополнительные плагины для увеличения взаимодействия с сайтом, рассмотрите эти бесплатные плагины для галереи и слайд-шоу для WordPress.

    Станьте мастером плагинов для WordPress! Легко защищайте, оптимизируйте, защищайте и расширяйте функциональность своего веб-сайта с помощью плагинов WordPress!

    Как разместить кнопки социальных сетей в блоге Tumblr

    Любой, у кого есть учетная запись Tumblr, может делиться контентом с другими пользователями, нажав кнопку Like , кнопку Reblog, или кнопку Отправить в конкретном сообщении в блоге на панели инструментов Tumblr.

    Эти встроенные кнопки позволяют обмениваться контентом в виртуальных стенах сети Tumblr; однако они не дают вам гибкости в обмене контентом из веб-блога Tumblr на любых других крупных сайтах социальных сетей, таких как Facebook или Twitter.

    Если вы хотите добавить дополнительные кнопки общего доступа в свой блог Tumblr, чтобы он выглядел как настоящий блог, вы можете либо заплатить за премиальную тему, которая оснащена кнопками, либо выполнить работу самостоятельно, скопировав и вставив некоторый код в свой шаблон блога Tumblr. .

    Добавление всего одной полоски кода в правый раздел HTML-документов вашей темы автоматически разместит кнопки социальных сетей под каждым ранее опубликованным сообщением в блоге и всеми будущими сообщениями в блогах.

    Не волнуйтесь, это проще, чем вы думаете. Вот как это сделать.

    Зарегистрируйтесь или войдите в свою учетную запись Tumblr, чтобы создать или получить доступ к своему блогу

    Если вы еще не создали блог Tumblr или даже не зарегистрировались для учетной записи, первое, что вам нужно сделать, это посетить Tumblr.com, где вам будет предложено ввести свой адрес электронной почты, пароль и желаемый URL-адрес блога, чтобы начать работу.

    Если у вас уже есть учетная запись и блог, просто войдите в систему.

    Выберите кнопки социальных сетей

    Поищите в Google кнопки публикации в социальных сетях, которые хотите разместить в своем блоге Tumblr. В большинстве (если не во всех) крупных социальных сетях есть специальные справочные страницы, на которых показано, как их настроить.

    Для вашего удобства вот несколько официальных страниц кнопок общего доступа для некоторых из самых популярных социальных сетей:

    Некоторые социальные сети позволяют настраивать свои кнопки, включая изменение размера кнопок, дополнительного текста заголовка, структуры URL, параметра подсчета общего доступа и языковых настроек.Не все социальные сети позволят вам это сделать, но для тех, кто это делает, фрагмент кода будет меняться в зависимости от того, как вы его настроили.

    Постарайтесь не включать слишком много кнопок в свой блог, поскольку это может привести к тому, что ваши сообщения будут выглядеть загроможденными и запутать читателей, которые могут захотеть поделиться вашим контентом.

    Подумайте о размещении максимум пяти или шести кнопок социальных сетей под каждым сообщением в блоге, но меньше, вероятно, лучше.

    Настройте кнопки и возьмите код

    Следуйте инструкциям на странице кнопки «Поделиться» в социальной сети, чтобы при необходимости настроить кнопку.После завершения вам должна быть предоставлена ​​строка кода, которая вам понадобится для вашего блога Tumblr.

    Скопируйте это и вставьте в пустое слово или текстовый документ. Сделайте это для всех кнопок, которые вы хотите, чтобы у вас была готовая строка кода для каждой кнопки.

    Доступ к вашей теме в Tumblr, код

    Вернитесь на панель управления Tumblr. Щелкните значок человека в правом верхнем меню, а затем щелкните Изменить внешний вид в раскрывающемся меню соответствующего блога (если у вас несколько блогов).

    На следующей странице нажмите кнопку Изменить тему . Ваш блог откроется в режиме предварительного просмотра в правой части экрана с редактором слева.

    Нажмите Изменить HTML в редакторе слева под меткой Пользовательская тема. Редактор расширится, чтобы показать вам весь код вашей темы.

    Люди, не имеющие опыта работы с HTML, PHP, JavaScript и другим компьютерным кодом, могут испугаться, просмотрев этот раздел.Важно помнить, что вы вообще не будете писать новый код.

    Все, что вам нужно сделать, это поместить код кнопки в документы темы, как вам будет показано в следующих разделах.

    Поиск по коду темы

    Единственная строка кода, которую вам нужно найти, — это строка, которая гласит: {/ block: Posts}.

    Это представляет собой конец сообщения в блоге и обычно находится в нижней части документов темы, в зависимости от того, какую тему Tumblr вы используете.Если вам трудно найти эту строку кода, просто просматривая ее, вы можете попробовать использовать сочетание клавиш Ctrl + F / Cmd + F или, как вариант, щелкнуть значок шестеренки в верхнем левом углу экрана, щелкнуть Найдите и замените , а затем введите {/ block: Posts} в поле поиска .

    Функция поиска автоматически найдет и выделит {/ block: Posts} в коде вашей темы.

    Вставьте код кнопки в код своей темы

    Скопируйте созданный вами индивидуальный код кнопки и вставьте его непосредственно перед строкой кода, которая гласит: {/ block: Posts} .

    Это указывает теме блога, что кнопки социальных сетей должны отображаться внизу каждого отдельного сообщения в блоге.

    Нажмите Обновить предварительный просмотр , а затем нажмите синюю кнопку Сохранить в верхней части редактора.

    Проверьте свой блог Tumblr, чтобы увидеть свои новые кнопки социальных сетей

    Вы дошли до самой интересной части. Если вы правильно разместили код кнопки внутри кода своей темы, в вашем блоге Tumblr должны отображаться кнопки общего доступа по вашему выбору в нижней части каждого отдельного сообщения, а также на каждом сообщении, отображаемом в основной ленте.

    Вы можете щелкнуть по ним, чтобы легко поделиться своими сообщениями Tumblr в других социальных сетях.

    • Вставляйте код кнопки в документы темы каждый раз, когда вы меняете тему блога на новую тему. Изменение темы не приведет к переносу ранее вставленного кода в новые документы темы.
    • При размещении более одной кнопки социальных сетей в своем блоге убедитесь, что между двумя разными фрагментами кода кнопки нет пробелов или новых строк. Это гарантирует, что несколько кнопок будут отображаться горизонтально рядом друг с другом, а не вертикально на разных строках.
    • Поэкспериментируйте с размещением фрагментов кода для кнопок социальных сетей перед другими элементами {/ block: также. В зависимости от вашей темы вы можете заметить, что кнопки появляются в самом низу страницы блога после всех заметок от других пользователей Tumblr.

    Социальные сети | Webflow University

    В этом видео используется старый интерфейс. Скоро появится обновленная версия!

    Добавление кнопок социальных сетей на ваш сайт может помочь увеличить взаимодействие с пользователем и привлечь трафик как на ваш сайт, так и на ваши страницы в социальных сетях.

    В этой статье мы покажем вам, как добавить 2 элемента социальных сетей, включенных в панель элементов Webflow:

    1. Кнопка «Нравится» в Facebook
    2. Кнопки «Подписаться» и «Твитнуть» в Twitter

    ‍Добавить кнопку «Нравится» на Facebook

    На левой панели инструментов щелкните значок «плюс» (кнопка «Добавить») и найдите элемент Facebook в разделе «Компоненты». Перетащите его в свой дизайн.

    После того, как вы добавите кнопку Facebook на холст, настройте ее следующим образом:

    1. Подключите URL-адрес Facebook (или URL-адрес, для которого вы хотите продемонстрировать лайки)
    2. Настройте макет и размер кнопки Facebook
    3. Укажите Локаль кнопки Facebook

    Подключите свой URL-адрес Facebook

    В настройках кнопки Facebook введите URL-адрес страницы, которую вы хотите подключить к кнопке.Facebook автоматически подключится и отобразит лайки для выбранной вами страницы. Так что это может быть ваша страница в Facebook или URL-адрес веб-сайта, на который вы хотите поставить отметку «Нравится» в Facebook.

    Вы можете добавить несколько кнопок Facebook в свой проект, если хотите подключить несколько уникальных URL-адресов Facebook.

    Настройка макета и размера кнопки Facebook

    По умолчанию кнопка Facebook отображается рядом с количеством лайков на подключенной странице Facebook.В настройках кнопки Facebook вы можете настроить отображение кнопки и количества лайков.

    Вы можете выбрать один из трех вариантов макета в настройках кнопки:

    • Стандартный: отображает кнопку «Нравится» и текстовое резюме в одной строке
    • Поле: отображает кнопку «Нравится» и количество лайков в коробке, уложенной вертикально
    • Кнопка : сворачивает кнопку «Нравится» и количество лайков в одной кнопке

    В настройках кнопки вы также можете установить пользовательскую ширину и высоту для кнопки.Для этого введите желаемую ширину и высоту в поля ввода.

    Укажите языковой стандарт кнопки Facebook

    Вы можете указать региональные и языковые параметры компонента Facebook с помощью параметров языкового стандарта.

    Добавить кнопки подписки и твита в Twitter

    Как и в случае с Facebook, перетащите кнопку Twitter с панели «Добавить».

    Выберите тип кнопки:

    1. Кнопка твита
    2. Кнопка подписки

    Создать кнопку твита

    Кнопка твита позволяет пользователям быстро поделиться ссылкой на ваш сайт или определенной страницей на вашем сайте из своего Твиттера профиль.Кнопка твита помогает привлечь трафик из Твиттера на ваш сайт и увеличивает видимость вашего контента.

    После того, как вы добавили кнопку Twitter на холст и выбрали опцию кнопки tweet , вы можете обновить настройки кнопки tweet:

    1. Введите URL-адрес общего доступа: это URL-адрес, который будет заполнять твит, когда пользователи делятся вашей страницей
    2. Введите текст твита: настройте текст, который будет предварительно заполнять общий твит
    3. Показать или скрыть пузырек : Twitter дает вам возможность показать пузырек, но потому что Twitter больше не тянет число, и оно отображается в виде многоточия, вы можете скрыть его.
    4. Выберите размер кнопки

    Создайте кнопку подписки в Twitter

    Кнопка подписки позволяет пользователям быстро находить ваш профиль Twitter и следить за ним, направляя трафик с вашего сайта на ваш профиль Twitter и увеличивая взаимодействие с посетителями вашего сайта.

    После того, как вы добавили кнопку Twitter на холст и выбрали опцию follow button, вы можете обновить настройки кнопки:

    1. Введите свой дескриптор Twitter: учетная запись Twitter, связанная с кнопкой подписки (без @ sign)
    2. Показать или скрыть пузырь: отображает количество подписчиков для предоставленного маркера
    3. Выберите размер кнопки

    Чтобы добавить на страницу как твит, так и кнопку подписки, добавьте два отдельных Twitter кнопки на страницу.

    Попробуйте Webflow — это бесплатно

    В этом видео используется старый интерфейс. Скоро появится обновленная версия!

    Дизайн кнопок социальных сетей. Webflow включает только два социальных… | by Tanya Nascimento

    Webflow включает только две кнопки социальных сетей: Facebook и Twitter. Как дизайнер, я не думаю, что эти платформы хорошо демонстрируют мою работу. Поэтому, чтобы включить кнопки социальных сетей в свое портфолио, мне пришлось сделать их самому. Кнопки социальных сетей важно включать в портфолио, потому что они позволяют зрителям копать глубже и устанавливать с вами сетевое соединение.В этой статье я расскажу о своем мыслительном процессе создания иконок для своего портфолио.

    Во-первых, мне нужно было решить, какие социальные сети включить в мое портфолио. Мне нужно будет включить социальную сеть, в которой будут представлены мои лучшие работы. А также отдушину, где я могу написать о своей работе. И, конечно же, мне бы хотелось иметь социальные сети, которые позволили бы зрителям общаться со мной на профессиональном уровне.

    Мои дизайнерские работы представлены на Dribbble и Behance. Раньше я демонстрировал некоторые из своих дизайнов в Instagram.Instagram стал средством кражи времени и производительности, поэтому я удалил приложение со своего телефона. Сейчас я просто придерживаюсь Behance и Dribbble. Мне нравится Dribbble больше, чем Behance, из-за минималистичного дизайна и того, как он ведет себя как настоящие социальные сети. Макет Behance запутан и ошеломляет. Итак, я решил выбрать Dribbble.

    Я использую Medium только для того, чтобы писать о своей работе, так что это был легкий выбор. Для профессиональной переписки у меня было несколько вариантов. Я мог бы пойти с Facebook, где я общаюсь со своей семьей, поэтому я держу свой контент наверху.Я мог бы также пойти с Twitter, но как бывший комик, я много шуток в Twitter. Просмотр моего Twitter, чтобы убедиться, что все в SFW, займет много времени. Еще есть LinkedIn, созданный специально для профессиональных сетей. Помогает ли это на самом деле в поиске работы или просто ухудшает процесс — это целая другая статья, которую я мог бы и, возможно, напишу в будущем. Из этих вариантов я решил выбрать LinkedIn, потому что он был предназначен для профессионального общения. Я оставлю Twitter для своих друзей и поклонников и Facebook для моей семьи.

    Теперь, когда я решил, какие кнопки социальных сетей я собираюсь создать, все, что осталось, выполняло свою работу. Я скачал официальные логотипы Dribbble, Medium и LinkedIn с их сайта. Их было нетрудно найти. Просто потребовался быстрый поиск в Google. Я открыл этих плохих парней в Sketch. Во-первых, я изменил их размер, чтобы они хорошо вписывались на мой сайт. Я выбрал размеры 40 x 40 пикселей для каждой иконки. Таким образом, они были достаточно большими, чтобы кто-то мог их увидеть и нажать, но достаточно маленькими, чтобы не отвлекать внимание от сути моего портфолио — тематических исследований.Я нарисовал форму многоточия над каждым значком и расположил их по центру в середине каждого многоточия. Затем я изменил цвет на темно-серый, чтобы они снова не отвлекали внимание от чего-либо еще в моем портфолио.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *