Кнопки соцсетей для сайта: Расположение кнопки соцсетей для сайта: зачем, где и как

Содержание

Где расположить кнопки социальных сетей на сайте

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

Помимо аккаунтов в соцсетях, следует добавить на сайт кнопки «Поделиться» (или по-другому share-кнопки, кнопки шеринга), которые позволят пользователям быстро добавить ссылку на ваш сайт у себя на странице или отправить в сообщении другу.

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

Оформление кнопок

Для начала определимся с внешним видом кнопок. Основные рекомендации:

  1. Кнопки должны быть заметными. Конечно же, они не должны привлекать все внимание на себя, но и сливаться с фоном тоже.

    Пример незаметных кнопок:

    Компания изменила цвет, но кнопки остались заметны:

  2. Логотипы должны быть узнаваемыми. Можно менять оформление под дизайн вашего сайта, но не переусердствуйте.

    Не сразу понятно, что это кнопки и что они ведут на соцсети:

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

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

    Пример изменения кнопки после наведения курсора:

  4. Кнопок не должно быть слишком много. Исследования за прошедший год показывают, что в основном россияне используют Youtube, ВКонтакте, Одноклассники, Facebook и Instagram, а также делятся информацией в WhatsApp и Viber. Обязательно учитывайте особенности аудитории вашего сайта, однако рекомендуем размещать не более 5-7 кнопок.

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

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

    Пример слишком мелких кнопок:

    По таким кнопкам сложно не попасть:

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

Usocial.pro — у сервиса удобный конструктор и много вариантов оформления. Кнопки впишутся в адаптивную верстку, и по каждому набору будет собираться статистика.

Uptolike — не менее хороший конструктор и обилие настроек по дизайну кнопок. Есть отдельные плагины для популярных CMS.

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

Кнопки соцсетей для сайта: где расположить?

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

    Пример привлекательного блока (по каждому изображению можно кликнуть и перейти на соответствующий пост в соцсетях):

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

  2. Страница о компании. Рассказывая о себе, можно внизу страницы также добавить блок с последними постами и ссылками на соцстети.

    Или кратко упомянуть аккаунт, как здесь:

  3. Страница контактов. Если используете соцсети как один из источников связи, обязательно добавьте кнопки на данную страницу. Пример:

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

И еще 4 идеи для размещения кнопок шеринга

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

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

  2. На страницах акции. Про них, кстати, чаще всего забывают.

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

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

    Или внизу страницы:

Где НЕ нужно располагать кнопки

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

    Например, в данном случае кнопки привлекают слишком много внимания и выглядят ярче, чем логотип:

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

  3. Закреплять на странице. Данную функцию полезно использовать для онлайн-консультанта или формы обратной связи, а кнопки соцсетей будут только отвлекать внимание пользователя.

Для кнопок репостов в соцсети можно выделить следующие ошибки:

  1. Размещение без привязки к контенту. Иногда кнопки располагают так, что не ясно, чем конкретно предлагают поделиться пользователю. Всем сайтом? Такие кнопки выглядят странно:

  2. Расположение рядом с контентом, который не интересен. Например, рядом с текстом о компании кнопки совершенно непривлекательны для пользователя. Также далеко не каждым товаром пользователи захотят делиться:

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

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

Выводы

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

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

P.S. Посмотрите наш крутой кейс по работе с SMM.

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

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

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

Способ 1. Установка с помощью  сервиса share.pluso.ru.

С помощь этого сервиса можно установить любые кнопки социальных сетей очень быстро, а главное, кнопочки выглядят красивыми :smile:. Для установки, сначала перейдите на share.pluso.ru. Потом вам нужно выбрать кнопки, которые вы хотите видеть на своем ресурсе. Для этого просто левой кнопкой мыши перетащите их с раздела «Доступны к выбору» в раздел «Выбранные сети». После этого, выберите понравившейся вам стиль кнопок ;-).

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

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

Способ 2. Установка с помощью  сервиса uptolike.

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

Что значит, что это наиболее универсальны способ? Просто чтобы установить кнопки uptolike, вы можете использовать просто код кнопок, или выбрать плагин. Вы можете выбрать:

  • WordPress плагин
  • Joomla плагин
  • Drupal модуль
  • Bitrix модуль
  • Ну и конечно, просто установив код на сайте.

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

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

Возможности uptolike

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

Способ 3. Устанавливаем социальные кнопки для сайта с помощью сервиса api.yandex.ru/share.

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

Для установки, сначала нужно перейти на сервис api.yandex.ru/share. Здесь все очень просто: слева нужно поставить галочку рядом с кнопкой, которую вы хотите себе добавить, а справа выберите внешний вид блока

После настройки просто скопируйте код и вставьте его в то место, где вы хотите видеть кнопки социальных сетей на сайте. Для wordpress, это файл single.php или index.php.

Способ 4. Устанавливаем кнопки социальных сетей для сайта с помощью плагина Social Share Buttons.

Когда я только начинал вести первый блог, то у меня стоял этот плагин и он мне понравился. Установил его за одну минуту, настроил и вот тебе красивые кнопочки, не нужно копаться в различных кодах и изучать правила сss :smile:. Но каждый плагин имеет существенный недостаток – это дополнительная нагрузка на сервер. Если ваш сайт медленно грузиться, то после установки плагина, он будет загружаться еще дольше.

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

Не знаю как вам, но мне такой вариант не очень понравился :smile:. Для начала, я бы советовал нижнюю часть кнопок вообще убрать, чтобы они не повторялись. Для этого зайдите в «Панель управления» — «Share Buttons» – «Like настройки» и в самом верху справа есть надпись «Включение/Отключение социальных кнопок», ниже этой надписи уберите три галочки и нажмите на кнопку в самом низу «Сохранить изменения».

Потом зайдите в «Share настройки» и оставьте только основные кнопки, которые вам необходимы. Для этого, ниже надписи «Включение/Отключение социальных кнопок» уберите галочки с кнопок, которые вам не нужны. Я, например, оставил только такие кнопки соц сетей для сайта:

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

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

Мне кажется, очень неплохо, и самое главное аккуратно :smile:.

Способ 5. Устанавливаем кнопки соц сетей для сайта с помощью кода.

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

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

Кнопка «Мне нравится» от Вконтакте и Facebook;
Кнопка twitter.
После выполненной работы, вы получите примерно такой код всех кнопочек вместе:

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

.knop {
margin: 20px 0 50px 0; }
.twitter {
float:right; }
.vk {
float:left; margin-left: 10px; }
.google {
float:left; margin-left: 1px; }
.fb-like {
margin-left: 40px; }

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

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

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

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

Энциклопедия поискового продвижения 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/ — наиболее полный и удобный.

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

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

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

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

 

 

 

Как добавить кнопки социальных сетей на сайт: 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!

Смотреть

OJS: кнопки соцсетей | Независимое научное интернет-издание

OJS: кнопки социальных сетей

В данном материале мы расскажем о том, как добавить кнопки социальных сетей в сайт на OJS (Open Journal Systems).

 

Реализация данной функции сделает сайт более посещаемым, а журнал более популярным в Интернете.

Для этого Вам нужно предпринять несколько шагов:

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

 

1. Выбираем сервис, настраиваем виджет, получаем код

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

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

В качестве примера можем воспользоваться кнопками от Яндекса.

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

2. Добавляем код в страницы сайта OJS

Для добавления кода Вам понадобится доступ на FTP-сервер, где хранятся файлы сайта.

Чтобы расположить кнопки социальных сетей вверху страницы отдельной статьи на сайте, открываем файл в директории /templates/article/article.tpl и добавляем наш код после строки:

p id=”authorString”>{$article->getAuthorString()|escape}

Чтобы расположить кнопки социальных сетей внизу страницы отдельной статьи на сайте, в этом же файле /templates/article/article.tpl добавляем наш код после строки:

{call_hook name=”Templates::Article::MoreInfo”}

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

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

Результат будет приблизительно такой:

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

Управление журналом >>> Установка >>> 5. Внешний вид журнала >>> 5.4 Нижний колонтитул страницы журнала с помощью кнопки «HTML». Более детально см. здесь.

Еще один способ отобразить код на всех страницах сайта — добавить его в файлы шаблона, которые отвечают за «шапку» сайта templates/common/header.tpl и «подвал» сайта templates/common/footer.tpl. Дополнительные файлы шаблона также можно найти в директории: lib/pkp/templates/common/ … место отображения Вы можете выбрать на свое усмотрение.

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

3. Настраиваем отображение логотипа для соцсетей

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

Правильный образец:

Чтобы решить эту проблему, нужно создать изображение логотипа журнала (сайта, организации и пр.). Желательно квадрат 200х200 точек в формате PNG с название латиницей, например, «logo».

Далее нужно загрузить изображение с ПК в файлы OJS. Для этого идем: Управляющий журнала >>> Установка >>> Внешний вид журнала.

В любом из полей нажимаем кнопку «загрузить фото» (см. скриншот ниже). Загружаем с ПК наш файл.

Изображение появится в визуальном редакторе. После этого нужно или отменить действие (Ctrl + Z) или просто удалить изображение любым удобным способом. Оно уже было загружено на сервер.

Загруженное таким способом изображение в формате PNG и названием «logo» будет иметь приблизительно такой адрес: http://your-site.com/public/site/images/admin/logo.png

Далее закрываем «Внешний вид журнала» без всяких сохранений и в административной панели идем: Управляющий журнала >>> Установка >>> 1. Детали .

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

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

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

В конце можно (на всякий случай) очистить кэш шаблона… Для этого идем в «Администрирование сайта» и нажимаем «Очистить кэш шаблонов»…

Надеемся, данная информация будет полезной. С уважением. Участники House-science.

Кнопки социальных сетей для сайта 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

Успехов!

5 лучших советов ✔️ Как добавить социальные иконки на сайт.

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

Почему бы и нет? Это идеально подходит.

Цели маркетинга в социальных сетях — продвигать контент, обслуживать клиентов и строить отношения. 

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

Существует довольно много вариантов подключения сайта к соц. сетям. 

Пять основных типов интеграции социальных сетей:

  1. Иконки Соц. Сетей
  2. Кнопки Поделиться в социальных сетях
  3. Социальные виджеты страниц Facebook
  4. Единый вход (позволяет посетителям создать новую учетную запись или войти в систему с использованием социальных учетных данных)
  5. Встроенный социальный канал

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

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

Содержание | Быстрая навигация

1. Не помещайте социальные иконки в шапку сайта.

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

Представьте, что вы идете в магазин, а на самой большой вывески написано «выход». Это было бы полезно? Возможно нет. Тогда почему на каждой странице вашего сайта есть большие знаки выхода?

Не поощряйте посетителей сайта уходить. Не приглашайте их покинуть ваш сайт.

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

Вот как это выглядит в шапке:

Небольшое исследование стандартов веб-дизайна обнаружило, что в 2015 году 26% ведущих маркетинговых сайтов имели социальные иконки в заголовке. В 2019 году это число сократилось до 20%. Это выходит из моды.

Лучший способ добавить ваши социальные иконки.

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

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

Это не юридическая консультация, но …

Твиттер не хочет, чтобы вы портили их логотип. 

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

Какие социальные иконки чаще всего нажимают ваши посетители?

Мало кто когда-либо проверяет, но на вопрос можно ответить через Google Analytics.

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

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

Где лучшее место для добавления социальных иконок?

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

  • На странице вакансий. Посетители на этой странице мотивированы. Они профессионалы, которые ищут работу. Сообщите им, что вы размещаете вакансии в социальных сетях, и предлагайте им следить за вами в соц. сетях.
  • В блоге. Кнопки «Поделиться». Но блоги могут сделать еще больше для развития ваших соц. страниц. Попробуйте написать текстовый призыв к действию и мотивировать посетителей подписаться на ваши страницы в социальных сетях.
  • На странице благодарности, спасибо страницы является отличным способом , чтобы получить больше пользы от одних и тех же посетителей. Они стали подписчиком, клиентом или соискателем работы, почему бы не предложить им другое? Добавьте CTA (Призыв к Действию) и поощряйте их следовать вашему бренду.

2. Не связывайтесь с мертвыми аккаунтами

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

Итак, когда вы должны добавить значок социальной сети?

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

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

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

Следующий вопрос: куда поместить эти социальные иконки?

3. Не добавляйте кнопки общего доступа на служебные страницы.

Вы когда-нибудь делились сервисной страницей? Вы когда-нибудь видели, чтобы кто-то делился страницей сервиса? Это почти никогда не происходит.

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

А как насчет кнопок на страницах продуктов электронной коммерции?

Люди когда-либо делятся продуктами? Да, но почти никогда. Когда мы посмотрели веб-сайт электронной коммерции и сравнили просмотры страниц (Google Analytics) с социальными акциями (Buzzsumo) и обнаружили, что такие акции редки.

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

В онлайн-каталоге Vienna Beef самые популярные продукты делятся примерно на 1 из 1000 посетителей. И эти акции почти все в Facebook.

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

Мы обнаружили, что обмен информацией между 1 и 1000 посетителями (это 0,001%).

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

4. Не показывайте низкие цифры.

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

Не расстраивайтесь … но следите за своими виджетами.

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

У более простых виджетов есть еще одно преимущество. Они загружаются быстрее.

5. Остерегайтесь тяжелых Javascript.

Социальные иконки практически невесомы. Но виджеты социальных сетей (поделиться, подписаться и т. Д.) Создаются с использованием Javascript. И чтобы загрузить, они должны общаться с серверами в Facebook, Twitter, LinkedIn или Pinterest.

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

Есть несколько способов избежать раздувания кода, который создают социальные виджеты:

  • Используйте простые виджеты… избегайте тех, у которых есть счетчики (акции, фанаты, подписчики).
  • Используйте сверхлегкие кнопки обмена
  • Загружайте социальные виджеты с помощью асинхронного Javascript, чтобы им не приходилось загружать их по очереди… или просто запрограммируйте сайт, чтобы они загружались после того, как вся остальная часть страницы уже загружена.

Беспокоитесь, что социальные виджеты замедляют вас? Проведите аудит ваших страниц с помощью Lighthouse в Chrome Dev Tools.

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

Ссылайтесь на социальные сети, где вы активны

Размещайте социальные виджеты так, чтобы не отвлекать посетителей и не замедлять сайт

Вы нашли это полезным? Если это так, вы можете присоединиться ко мне в Facebook, где публикую интересные статьи или подписаться на Youtube канал.

По материалам статьи: https://www.orbitmedia.com/blog/website-social-media-integration/

✓ Зачем нужна интеграция социальных сетей на сайт?

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

✓ Как добавить кнопку социальных сетей на магазин?

Использовать виджет или соответствующий плагин.

✓ Почему не стоит использовать плагины соц. сетей с счетчиками?

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

✓ Где лучше размещать кнопки социальных сетей?

На страницах благодарности, блогах, вакансий сайта.

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

Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в который мы хотим добавить липкие значки социальных сетей.
Теперь нам нужно разместить курсор сразу после тега title в теге head документа Html, а затем прикрепить ссылку CDN.

✓ Как связать значок в HTML?

Чтобы вставить значок, добавьте имя класса значка к любому встроенному элементу HTML. Элементы i и span широко используются для добавления значков. Все иконки в библиотеках являются масштабируемыми векторными значками, которые можно настроить с помощью CSS.

✓ Как добавить значки социальных сетей в Font Awesome?

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

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

Поскольку количество репостов в социальных сетях снизилось на 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 г.

Бесплатные кнопки социальных сетей и плагины для веб-сайтов и блогов

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

Бесплатное использование • Простота установки • Быстрая настройка

Бесплатные инструменты, которым доверяют миллионы мировых создателей контента

Всегда бесплатны для использования и готовы помочь вам сразу же расширить аудиторию

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

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

Выберите один из 9 различных языков, чтобы наши инструменты подходили именно для него

Полная интеграция с вашей любимой платформой веб-сайта

Простое и понятное понимание того, что находит отклик у вашей аудитории

Добавьте на свой сайт за 3 простых шага

900 02 Выберите тип кнопок

Настройте дизайн

Добавьте код на свой сайт

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

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

Часто задаваемые вопросы

Как мне установить кнопки общего доступа на мой сайт WIX?

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

Затем выберите желаемые кнопки общего доступа. Вы можете настроить свой дизайн, выбрав выравнивание, размер кнопки, призыв к действию и количество репостов. Когда дизайн вашей кнопки будет готов, нажмите «Зарегистрироваться и получить код», чтобы получить код кнопки. После того, как вы создадите свои кнопки совместного использования, вы можете нажать кнопку «зарегистрироваться и получить код», чтобы получить код кнопки совместного доступа. Скопируйте код из раздела «Установить sharethis.js на вашем сайте ». Затем войдите в свою учетную запись Wix и введите HTML-код в текстовое поле.

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

Как установить кнопки общего доступа на мой сайт Weebly?

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

Затем выберите желаемые кнопки общего доступа. После того, как вы создадите кнопки общего доступа, вы можете нажать кнопку «зарегистрироваться и получить код», чтобы получить код кнопки общего доступа.Когда дизайн вашей кнопки будет готов, нажмите «Зарегистрироваться и получить код», чтобы получить код кнопки. После того, как вы создадите свои кнопки совместного использования, вы можете нажать кнопку «зарегистрироваться и получить код», чтобы получить код кнопки совместного доступа. Скопируйте код из раздела «Установите sharethis.js на свой веб-сайт». Затем войдите в свою учетную запись Weebly и введите HTML-код в текстовое поле.

Средний рейтинг пользователей (8):


Добавить отзыв / рейтинг

पटीर

जगदीश

2018-11-09

Awesome Tool

Это помогло мне делать вещи очень быстро

2018-11-15

Отличный виджет!

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

2019-07-01

Отличный инструмент

Лучшее обслуживание, отличный инструмент, он упростил мою работу.

2019-09-03

Партнер по маркетингу

Для меня Sharethis — один из моих новых любимых онлайн-инструментов. Создавать кнопки публикации для ваших блогов, целевых страниц и веб-сайтов еще никогда не было так просто! Я на 100% рекомендую всем, кто хочет, чтобы их соединение было онлайн. И даже лучше, чем это, это совершенно бесплатно прямо сейчас. 😍

2019-11-29

Отличный инструмент

https: // sharethis.com / platform / share-buttons /

2020-07-17

Полезное приложение

На самом деле, я имел в виду именно это

2020-07-27

Лучший инструмент обмена на земле!

Я пробовал много инструментов для обмена от многих разработчиков, но, честно говоря, ShareThis намного лучше и работает безупречно. 1. Кнопки выглядят великолепно, просто и чисто, мы можем их настроить. И есть опция 100% ширины, чтобы он реагировал на любой размер экрана. 2. Если вы измените параметры / настройки кнопки в своей учетной записи, кнопка на вашем веб-сайте автоматически обновится.3. Кнопки не блокируются Adblock, поэтому они увеличивают видимость на вашем сайте. Спасибо ShareThis

2020-10-02

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

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

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для общего доступа в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( клиентов HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего:

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

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка Поделиться в Twitter

Для чего:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

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

Для чего:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в Твиттер HubSpot:

5. Кнопка сообщения Twitter

Для чего:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

Виджет Twitter Timeline позволяет встроить профиль Twitter всей вашей компании на свой веб-сайт, чтобы пользователи могли видеть все недавние твиты прямо на вашем веб-сайте.

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотреть в действии:

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

1. Плагин страницы Facebook

Для чего:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте там, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего:

Кнопка «Мне нравится» в Facebook — это кнопка, которая позволяет пользователям легко ставить виртуальный большой палец вверх вашему контенту.При нажатии кнопки «Нравится» на временной шкале пользователя Facebook и в лентах новостей его друзей появляется история со ссылкой на ваш контент, будь то сообщение в блоге или конкретная целевая страница.

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» в Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего:

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

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где вы хотите, чтобы кнопка появилась. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

See One in Action:
Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Подключаемый модуль LinkedIn Follow Company

Для чего:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего:

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

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Больше кнопок LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Подписывайтесь на HubSpot в Pinterest:

2. Кнопка «Pin It»

Для чего:

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

Как добавить кнопку «Приколоть»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на свой веб-сайт

Для чего:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

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

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для общего доступа в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( клиентов HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего:

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

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка Поделиться в Twitter

Для чего:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

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

Для чего:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в Твиттер HubSpot:

5. Кнопка сообщения Twitter

Для чего:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

Виджет Twitter Timeline позволяет встроить профиль Twitter всей вашей компании на свой веб-сайт, чтобы пользователи могли видеть все недавние твиты прямо на вашем веб-сайте.

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотреть в действии:

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

1. Плагин страницы Facebook

Для чего:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте там, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего:

Кнопка «Мне нравится» в Facebook — это кнопка, которая позволяет пользователям легко ставить виртуальный большой палец вверх вашему контенту.При нажатии кнопки «Нравится» на временной шкале пользователя Facebook и в лентах новостей его друзей появляется история со ссылкой на ваш контент, будь то сообщение в блоге или конкретная целевая страница.

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» в Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего:

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

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где вы хотите, чтобы кнопка появилась. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

See One in Action:
Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Подключаемый модуль LinkedIn Follow Company

Для чего:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего:

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

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Больше кнопок LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Подписывайтесь на HubSpot в Pinterest:

2. Кнопка «Pin It»

Для чего:

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

Как добавить кнопку «Приколоть»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на свой веб-сайт

Для чего:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

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

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для общего доступа в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( клиентов HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего:

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

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка Поделиться в Twitter

Для чего:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

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

Для чего:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в Твиттер HubSpot:

5. Кнопка сообщения Twitter

Для чего:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

Виджет Twitter Timeline позволяет встроить профиль Twitter всей вашей компании на свой веб-сайт, чтобы пользователи могли видеть все недавние твиты прямо на вашем веб-сайте.

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотреть в действии:

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

1. Плагин страницы Facebook

Для чего:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте там, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего:

Кнопка «Мне нравится» в Facebook — это кнопка, которая позволяет пользователям легко ставить виртуальный большой палец вверх вашему контенту.При нажатии кнопки «Нравится» на временной шкале пользователя Facebook и в лентах новостей его друзей появляется история со ссылкой на ваш контент, будь то сообщение в блоге или конкретная целевая страница.

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» в Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего:

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

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где вы хотите, чтобы кнопка появилась. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

See One in Action:
Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Подключаемый модуль LinkedIn Follow Company

Для чего:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего:

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

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Больше кнопок LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Подписывайтесь на HubSpot в Pinterest:

2. Кнопка «Pin It»

Для чего:

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

Как добавить кнопку «Приколоть»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на свой веб-сайт

Для чего:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

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

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для общего доступа в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( клиентов HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего:

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

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка Поделиться в Twitter

Для чего:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

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

Для чего:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в Твиттер HubSpot:

5. Кнопка сообщения Twitter

Для чего:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

Виджет Twitter Timeline позволяет встроить профиль Twitter всей вашей компании на свой веб-сайт, чтобы пользователи могли видеть все недавние твиты прямо на вашем веб-сайте.

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотреть в действии:

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

1. Плагин страницы Facebook

Для чего:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте там, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего:

Кнопка «Мне нравится» в Facebook — это кнопка, которая позволяет пользователям легко ставить виртуальный большой палец вверх вашему контенту.При нажатии кнопки «Нравится» на временной шкале пользователя Facebook и в лентах новостей его друзей появляется история со ссылкой на ваш контент, будь то сообщение в блоге или конкретная целевая страница.

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» в Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего:

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

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где вы хотите, чтобы кнопка появилась. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

See One in Action:
Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Подключаемый модуль LinkedIn Follow Company

Для чего:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего:

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

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Больше кнопок LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Подписывайтесь на HubSpot в Pinterest:

2. Кнопка «Pin It»

Для чего:

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

Как добавить кнопку «Приколоть»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на свой веб-сайт

Для чего:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

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

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для общего доступа в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( клиентов HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего:

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

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка Поделиться в Twitter

Для чего:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

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

Для чего:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в Твиттер HubSpot:

5. Кнопка сообщения Twitter

Для чего:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

Виджет Twitter Timeline позволяет встроить профиль Twitter всей вашей компании на свой веб-сайт, чтобы пользователи могли видеть все недавние твиты прямо на вашем веб-сайте.

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотреть в действии:

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

1. Плагин страницы Facebook

Для чего:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте там, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего:

Кнопка «Мне нравится» в Facebook — это кнопка, которая позволяет пользователям легко ставить виртуальный большой палец вверх вашему контенту.При нажатии кнопки «Нравится» на временной шкале пользователя Facebook и в лентах новостей его друзей появляется история со ссылкой на ваш контент, будь то сообщение в блоге или конкретная целевая страница.

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» в Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего:

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

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где вы хотите, чтобы кнопка появилась. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

See One in Action:
Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Подключаемый модуль LinkedIn Follow Company

Для чего:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего:

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

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Больше кнопок LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Подписывайтесь на HubSpot в Pinterest:

2. Кнопка «Pin It»

Для чего:

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

Как добавить кнопку «Приколоть»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на свой веб-сайт

Для чего:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.

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

Ваш адрес email не будет опубликован.