Инстаграм кнопка для сайта: Кнопки действия в Instagram — Блог LiveDune | Дропшиппинг

Содержание

html — Подскажите как разместить кнопку Instagram

Задать вопрос

Вопрос задан 7 лет 2 месяца назад

Изменён 7 лет 2 месяца назад

Просмотрен 9k раз

Необходимо разместить кнопку еще одной социальной сети в верхнем правом углу сайта. Битрикс. www.ingkurort.ru

На данный момент код выглядит так:

Facebook

            <li><a href="https://vk.com/armhiru" title="Вконтакте">Вконтакте</a></li>
            <li><a href="https://instagram.com/armkhi/" title="Инстаграм">Инстаграм</a></li>
        </ul><!-- /social -->

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

Имя класса зависит от того что написано в css. В вашем случае для социальных кнопок прописана картинка http://ingkurort.ru/bitrix/templates/armhi_copy/images/icons.png И в ней только три соц-сети: ВК, твиттер и фейсбук. Инстаграмма нет.

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

Вам нужно добавить иконку в изображение http://ingkurort.ru/bitrix/templates/armhi_copy/images/icons.png

в ваш css-файл добавить строку по образу и подобию 173 строки

.btn-social_ig:after {
  margin: -5px 0 0 -8px;
  width: 16px;
  height: 10px;
  background-position: -22px -39px;
}

и прописать нужные цифры (размер иконки и позицию иконки в png-файле)

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

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

CRM plugin (кнопка) — НЕРАЗОБРАННОЕ И ИСТОЧНИКИ

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

Мультиканальность, входит в стоимость аккаунта и есть возможность подключить бота.

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

Инструкция по установке кнопки обратной связи

Для того, чтобы включить кнопку обратной связи, перейдите в раздел:

— Сделки;
— кнопка “Настроить»;
— в левой панели нажмите на кнопку “Добавить источник”;
— источник “CRM Plugin”;

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

Для подключения доступны следующие каналы связи:

Вконтакте
Telegram
Viber
Skype
WeChat
WhatsApp
Онлайн — чат

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

Далее, например, при подключении Вконтакте, нажмите, на кнопку “Установить”, далее необходимо авторизоваться в вашем профиле Вконтакте. К этому профилю должна быть подключена Группа, где вы получаете сообщения.

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

Нажмите на “Добавить группу” — вам будет предложено подключить группу. Готово — источник подключен. Теперь можно добавить Вконтакте в кнопку для сайта.

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

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

отклонить, если это спам или нецелевой запрос.

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

В карточке сделки будет указано имя, источник и будет добавлено примечание о действиях клиента на сайте:

— Количество кликов;
— Время проведенное на сайте;
— Последняя страница;
— Посещенные страницы;

Передача данных осуществляется при обращении через чаты Whatsapp, VK, Viber, Telegram и Онлайн-чат. Данные передаются один раз, при первом обращении. Чтобы информация с сайта отображалась в карточке, необходимо включить отображение информации об изменении полей в карточке.

Онлайн-чат

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

- — Сделки;
- — Настроить;

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

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

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

Максимальная длина приветственного сообщения составляет 70 символов. Можно подгрузить аватар менеджера.

Также есть условия для отправки сообщения:

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

Прокручено. Сработает, когда когда клиент пролистает сайт на указанное количество пикселей.

Посещено более N страниц. То есть, если клиент посетит указанное число страниц, ему будет отправлено сообщение.

Переход на адрес. Указывается адрес и дополнительные условия (соответствует, содержит, начинается с и др.).

Для общения с клиентами вы можете воспользоваться маркерами:
— {{lead.responsible}} — ответственный по сделке;
— {{contact.name}} — имя контакта;
Символы маркера не входят в лимит приветственного сообщения.

Как работают маркеры?
Если клиент обращается впервые, маркеры не будут применены в сообщении.

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

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

Готово.

Теперь вам надо скопировать код и установить на свой сайт! Это может сделать администратор сайта, отправьте ему код.

После размещения кода на вашем сайте появится кнопка.

Ключевые действия

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

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

Условия ключевых действий: Переход на сайт

Время на сайте — сработает, когда пользователь будет находится на сайте дольше указанного времени.

Прокручено — сработает, когда когда клиент пролистает сайт на указанное количество пикселей.

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

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

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

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

В одной воронке можно подключить несколько кнопок

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

Форма кнопки

В настройках кнопки обратной связи (CRM plugina’а) вы можете настроить радиус закругления кнопки. Кнопка может иметь как форму круга, так и квадрата.

Внешний вид кнопки

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

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

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

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

Содержание

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

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

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

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

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

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

. Медиа-кнопки для Pinterest

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

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

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

Кнопки «Поделиться» позволяют пользователям делиться вашим контентом с друзьями и подписчиками
Кнопки «Нравится» позволяют им виртуально ставить лайки вашему контенту
Кнопки подписки подпишут их на ваши обновления в указанной социальной сети

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

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

Facebook предлагает несколько кнопок социальных сетей: «Поделиться», «Подписаться», «Нравится», «Сохранить» и «Отправить».

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

Как это работает

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

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

Используйте конфигуратор кнопок «Поделиться» Facebook, чтобы создать код кнопки «Поделиться», который можно вставить в HTML-код вашего веб-сайта.

Параметры кнопки «Поделиться» в Facebook

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

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

Как это работает

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

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

Используйте интерфейс кнопки подписки Facebook для создания кода, который можно скопировать и вставить в HTML-код.

Параметры кнопки отслеживания Facebook

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

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

Как это работает

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

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

Перейдите в конфигуратор кнопки «Нравится» Facebook, чтобы создать код для копирования и вставки в HTML-код.

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

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

Еще одна интересная опция: вы можете выбрать для кнопки надпись «Рекомендовать» вместо «Нравится».

Кнопка «Сохранить в Facebook»

Как это работает

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

Как добавить кнопку «Сохранить в Facebook»

Используйте конфигуратор кнопки «Сохранить» Facebook, чтобы создать код для вставки в HTML-код.

Кнопка отправки Facebook

Как это работает

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

Как добавить кнопку отправки Facebook

Как вы уже догадались, у Facebook есть конфигуратор кнопки отправки, который предоставляет вам код, который нужно вставить в HTML-код.

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

В Instagram нет кнопок «Поделиться» или «Мне нравится», что имеет смысл, поскольку природа Instagram как мобильной платформы для обмена фотографиями и видео означает, что она не очень подходит для лайков и обмена веб-контентом.

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

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

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

Посмотреть этот пост в Instagram
Пост, опубликованный Hootsuite (@hootsuite)

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

Как встроить публикацию в Instagram с помощью кнопки «Подписаться»

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

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

LinkedIn предлагает настраиваемый код JavaScript для кнопок «Поделиться» и «Подписаться».

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

Как это работает

Кнопка «Поделиться» в LinkedIn сочетает в себе функции кнопок «Поделиться» и «Отправить» Facebook. Это позволяет пользователям делиться вашим контентом в LinkedIn несколькими способами — в своем общедоступном профиле, со своими контактами, в группе или в сообщении одному или нескольким лицам. При нажатии на кнопку открывается всплывающее окно, в котором можно добавить личное сообщение к сообщению, а также параметры обмена.

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

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

Параметры кнопки «Поделиться» в LinkedIn

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

Кнопка подписки LinkedIn

Как это работает

Нажатие кнопки подписки LinkedIn позволяет пользователям следить за вашей компанией в LinkedIn, не покидая ваш веб-сайт.

Как добавить кнопку отслеживания LinkedIn

Используйте генератор подключаемых модулей компании LinkedIn Follow, чтобы создать код для вставки в HTML-код.

Параметры кнопки «Подписаться» в LinkedIn

Как и в случае с кнопкой «Поделиться» в LinkedIn, вы можете указать количество людей, которые уже подписаны на вашу компанию в LinkedIn, как часть кнопки «Подписаться».

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

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

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

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

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

Как это работает

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

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

Перейдите на сайт publish.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
Нажмите Кнопка «Поделиться»
Над полем кода нажмите установить параметры настройки
Введите свои настройки параметров твита и размера кнопки, затем нажмите Обновить
Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки «Поделиться в Твиттере»

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

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

Как это работает

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

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

Перейдите на сайт publish.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
Нажмите Кнопка «Подписаться»
Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite)
Нажмите Предварительный просмотр
Над полем кода нажмите установить параметры настройки
Введите свои настройки параметров твита и размера кнопки, затем нажмите Обновление
Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки Twitter

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

Кнопка упоминания в Твиттере

Как это работает

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

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

Перейдите на сайт publish.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
Нажмите Кнопка упоминания
Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite)
Нажмите Предварительный просмотр
Над полем кода нажмите установить параметры настройки
Введите свои настройки параметров твита и размера кнопки, затем нажмите Обновление
Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки упоминания в Твиттере

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

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

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

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

Перейдите на сайт publish.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
Нажмите Кнопка хэштега
Введите выбранный вами хэштег, включая символ # (например, #HootChat)
Нажмите Предварительный просмотр
Над полем кода нажмите установить параметры настройки
Введите свои настройки параметров твита и размера кнопки, затем нажмите Обновить
Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки хэштега Twitter

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

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

Как это работает

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

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

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

Войдите в свою учетную запись Twitter
В левом столбце нажмите Конфиденциальность и безопасность
Прокрутите вниз до раздела «Прямое сообщение» и установите флажок рядом с 9.0046 Получать личные сообщения от всех
В левой колонке нажмите Ваши данные Twitter. Для доступа к этому экрану может потребоваться ввести пароль
Выберите и скопируйте свой идентификатор пользователя, который отображается под вашим именем пользователя
Перейдите на сайт publish. twitter.com, прокрутите вниз и нажмите Кнопки Twitter
Нажмите кнопку Сообщение
Введите свое имя пользователя в верхнем поле, включая символ @ (например, @Hootsuite)
Вставьте свой идентификатор пользователя в нижнее поле
Нажмите Предварительный просмотр
Над полем кода нажмите установить параметры настройки
Введите свои настройки параметров твита и размера кнопки, затем нажмите Обновить
Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки сообщения Twitter

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

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

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

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

Как это работает

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

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

Используйте страницу настройки кнопки YouTube, чтобы создать код, который необходимо вставить в HTML-код.

Параметры кнопки подписки на YouTube

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

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

Кнопка сохранения Pinterest

Как это работает

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

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

Как добавить кнопку сохранения Pinterest — наведение изображения или любой стиль изображения

Перейдите к конструктору виджетов Pinterest и нажмите Кнопка «Сохранить»
Выберите тип кнопки, которую вы хотите использовать: изображение при наведении или любое изображение
Выберите предпочтительные параметры размера и формы кнопок
Наведите указатель мыши на образец изображения, чтобы просмотреть кнопку
Скопируйте код кнопки и вставьте его в свой HTML
Для выбора любого изображения скопируйте и вставьте скрипт pinit. js из нижней части страницы конструктора виджетов в свой HTML-код прямо над тегом

Как добавить кнопку сохранения Pinterest — один стиль изображения

Перейдите в конструктор виджетов Pinterest и нажмите Кнопка «Сохранить»
Выберите предпочтительные параметры размера и формы кнопок
В новом окне браузера перейдите на страницу вашего веб-сайта, где отображается изображение, с которым вы хотите работать
Скопируйте и вставьте URL-адрес этой веб-страницы в поле URL-адреса в конструкторе виджетов
На веб-странице щелкните правой кнопкой мыши изображение, с которым хотите работать, и выберите Копировать URL-адрес изображения
Вставьте URL-адрес изображения в поле Изображение в конструкторе виджетов
Введите описание вашего изображения в Description в конструкторе виджетов. Это появится под вашим изображением, когда кто-то сохранит его в Pinterest

.
Нажмите образец кнопки Pin It в конструкторе виджетов, чтобы протестировать кнопку
Скопируйте код кнопки и вставьте его в свой HTML
Скопируйте и вставьте скрипт pinit.js из нижней части страницы конструктора виджетов в свой HTML-код прямо над тегом

Параметры кнопки сохранения Pinterest

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

Кнопка подписки Pinterest

Hootsuite

Как это работает

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

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

Перейдите в конструктор виджетов Pinterest и нажмите Подписаться
Введите URL своего профиля Pinterest
Введите название вашей компании, как вы хотите, чтобы оно отображалось на кнопке
Скопируйте код кнопки и вставьте его в свой HTML
Скопируйте и вставьте скрипт pinit. js из нижней части страницы конструктора виджетов в свой HTML-код прямо над тегом

Параметры кнопки подписки Pinterest
Единственным вариантом, который можно использовать с кнопкой подписки Pinterest, является отображение названия вашей компании. Вы можете использовать свое имя пользователя Pinterest или полное название компании. В любом случае, придерживайтесь чего-то простого для понимания пользователями.
Кнопки социальных сетей для Hootsuite
Hootsuite предлагает кнопку социальных сетей, которая позволяет пользователям делиться вашим контентом в любой из сетей, подключенных к их панели управления Hootsuite.
Кнопка «Поделиться Hootsuite»
Как это работает
Когда пользователь нажимает кнопку Hootsuite на вашем веб-сайте, открывается окно со ссылкой на ваш контент. Пользователь может выбрать, в каких социальных сетях поделиться им: Twitter, Facebook, LinkedIn, Google+ или во всех вышеперечисленных. Они могут добавить личное сообщение перед отправкой и решить, публиковать ли сразу, запланировать публикацию на определенное время в будущем или использовать функцию автоматического планирования Hootsuite.
Как добавить кнопку «Поделиться» в Hootsuite
Перейдите на hootsuite.com/social-share, введите URL-адрес, скопируйте и вставьте код в свой HTML-код.
Варианты кнопок общего доступа Hootsuite
Вы можете выбрать один из нескольких стилей кнопок.
Поднимите свои навыки работы с социальными сетями на новый уровень с помощью бесплатного онлайн-обучения и видео от Академии Hootsuite .
Начало работы
Как создать кнопки социальных сетей для всех популярных социальных сетей
Социальные сети — чрезвычайно ценный инструмент для продвижения вашего маркетингового контента.
Кроме того, встраивание ваших профилей в социальных сетях на ваш веб-сайт или в сообщения в блогах может помочь увеличить трафик в ваших социальных сетях и, в конечном итоге, обеспечить согласованность бренда на разных платформах.
Но с таким количеством социальных сетей, предоставляющих свои собственные кнопки для обмена и подписки, часто бывает трудно понять, какую кнопку социальной сети использовать для какой цели.
Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest, а также как реализовать их на своем веб-сайте, в блоге и другом контенте.
Перейти к инструкциям для: Twitter | Фейсбук | Линкедин | Ютуб | Пинтерест | Instagram
Полная шпаргалка по созданию кнопок обмена в социальных сетях
Различие между кнопками обмена в социальных сетях и кнопками в социальных сетях Follow позволяет определить, какой тип кнопки следует использовать для какой цели.
Это первый шаг к пониманию нюансов всех доступных вам кнопок социальных сетей. Давайте проясним это прямо сейчас.
Кнопки подписки в социальных сетях
Эти кнопки служат для продвижения вашего бизнеса в различных социальных сетях и помогают вам создавать поклонников/последователей для этих конкретных учетных записей. Разместив эти кнопки на веб-сайте вашей компании, вы поможете создать видимость своих учетных записей в социальных сетях и легко расширить свой охват.
Вы можете разместить эти кнопки в любом месте на своем веб-сайте, но мы рекомендуем по крайней мере размещать их на странице «О нас» вашего веб-сайта и на главной странице/боковой панели вашего блога. Кнопка подписки Twitter, кнопка подписки Facebook, подключаемый модуль LinkedIn Company Follow и кнопка подписки YouTube (и другие), которые мы рассмотрим в этой статье, служат кнопками подписки в социальных сетях.
Ссылки/кнопки обмена в социальных сетях
Эти ссылки и кнопки позволяют посетителям вашего веб-сайта и зрителям легко делиться вашим контентом со своими связями в социальных сетях и сетях. Добавление этих кнопок к вашему контенту позволяет расширить охват вашего контента для новой аудитории и привлечь новых посетителей на ваш сайт.
Вы должны добавить ссылки/кнопки для обмена в социальных сетях к каждому элементу контента, который вы создаете, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. д. Кнопки (и другие), которые мы рассмотрим в этой статье, служат кнопками для обмена в социальных сетях.
Теперь давайте углубимся в самые важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( Клиенты HubSpot: Многие из этих кнопок поставляются вместе с приложениями HubSpot для социальных сетей.)
Кнопки социальных сетей для Twitter
для создания новых подписчиков для вашей учетной записи Twitter. Пользователи могут подписаться на вас в Твиттере одним щелчком мыши, даже не покидая ваш сайт.
Как добавить кнопку «Подписаться на Twitter»:
Посетите https://publish. twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т. е. учетную запись, за которой вы хотите, чтобы люди следили).
Затем выберите «Follow Button»:
Наконец, скопируйте и вставьте сгенерированный HTML-код туда, где вы хотите, чтобы кнопка отображалась на вашем веб-сайте.
Либо нажмите «Установить параметры настройки» над ссылкой для встраивания, если вы хотите дополнительно настроить такие аспекты, как язык или размер кнопки.
Посмотреть в действии. Подпишитесь на HubSpot в Твиттере:
Подпишитесь на @hubspot

2. Кнопка «Поделиться в Твиттере»
Для чего она нужна:
Используйте эту кнопку, чтобы посетители сайта могли легко обмениваться контентом (например, сообщениями в блогах, целевыми страницами, другими веб-страницами, и т. д.) со своими сетями в Твиттере, расширяя охват вашего контента до 90 696 их 90 697 подключений.
Как добавить кнопку «Поделиться»:
Посетите https://publish. twitter.com/# и выберите «Кнопки Twitter». Затем выберите «Кнопка «Поделиться»»:
Мы рекомендуем добавить имя пользователя вашей компании в Twitter, чтобы увеличить охват вашей учетной записи и привлечь новых подписчиков.
После настройки возьмите HTML-код новой кнопки и разместите его на своем сайте там, где вы хотите, чтобы кнопка отображалась.
Посмотрите в действии. Разместите в Твиттере эту запись в блоге:
3. Кнопка хэштега Твиттера
Для чего она нужна:
Эта кнопка отлично подходит для поощрения посетителей твитить об определенных хэштегах, которые вы продвигаете, например, о мероприятиях или конкретных маркетинговых кампаниях. Добавьте эти кнопки на страницы этих кампаний или событий, чтобы распространять и продвигать событие и его хэштег. (Для получения дополнительной информации об использовании хэштегов ознакомьтесь с этим сообщением в блоге.)
Например, если вы рекламируете мероприятие с помощью хэштега, вы можете получить HTML-код и разместить его на веб-сайте вашего мероприятия или на странице регистрации.
Как добавить кнопку хэштега Twitter:
Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хэштега». Затем вы можете либо настроить, либо скопировать и вставить код как есть на свой веб-сайт.
Посмотрите в действии. Твит о ежегодном мероприятии HubSpot по маркетингу и продажам INBOUND:
4. Кнопка упоминания в Твиттере
Для чего она нужна:
Используйте эту кнопку, чтобы побудить посетителей веб-сайта общаться с вами через Твиттер. Добавьте эту кнопку на страницы своего сайта, такие как «Свяжитесь с нами», «О нас» или «Помощь». Это отлично подходит для поддержки клиентов.
Как добавить кнопку упоминания в 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, чтобы ваши посетители могли им поделиться? Мы называем эти ссылки ссылками «Tweet This», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.
Обычно эти ссылки в твитах используются на целевых страницах для продвижения предложений с использованием определенных сообщений, а также внутри самого контента, например, в сообщениях в блогах. Подобно официальной кнопке «Твитнуть», ссылки «Твитнуть это» позволяют маркетологам лучше контролировать сообщения, которыми посетитель делится со своим контентом в Твиттере.
Как добавить якорный текст «Tweet This» CTA:
К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Tweet This» для вашего контента. Просто зайдите на http://clicktotweet.com, введите сообщение, которым вы хотите заполнить твит, и нажмите «Создать новую ссылку», а затем скопируйте/вставьте сгенерированный URL-адрес в текст привязки (например, «Твитнуть это!»):
Рекомендуется включать URL-адрес в твит-сообщение, чтобы направлять людей обратно к исходному контенту, который вы пытаетесь продвигать, и не забудьте сократить URL-адрес, чтобы сохранить место для копии твита. Также неплохо включить @username вашей компании в твит, чтобы увеличить охват.
Посмотреть в действии:
(Помните, что текст привязки можно настроить по своему усмотрению.)
Твитнуть эту статью в блоге!
7. Виджет Twitter Timeline
Для чего он нужен:
Виджет «Временная шкала» в Твиттере позволяет встроить весь профиль вашей компании в Твиттер на ваш веб-сайт, чтобы пользователи могли видеть все последние твиты прямо с вашего веб-сайта.
Как добавить виджет временной шкалы Twitter:
Посетите https://publish.twitter.com/#, нажмите «Встроенная временная шкала» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте там, где вы хотите, чтобы виджет отображался. 9Кнопки социальных сетей для 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 Anchor Text Share Links
Для чего они нужны:
Могут быть случаи, когда вы предпочитаете использовать ссылку для общего доступа с якорным текстом, а не кнопку. Эти ссылки легко создать, и их можно добавлять на веб-страницы, в статьи блогов, на целевые страницы или в контент, такой как электронные книги и технические документы.
Как добавить ссылки для обмена с текстом привязки Facebook:
Чтобы создать собственные ссылки для обмена в Facebook, замените оранжевую часть URL-адреса ниже URL-адресом контента, который вы хотите продвигать. Затем свяжите полный URL-адрес с якорным текстом, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com
См. One in Action:
Поделись этой публикацией на Facebook!
Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины социальных сетей Facebook в одном месте, посетите https://developers.facebook.com/docs/ плагины/.
1. Подключаемый модуль LinkedIn Follow Company
Для чего он нужен:
Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам 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/consumer/integrations/self-serve/plugins?context=linkedin/consumer/context.
Кнопки социальных сетей для YouTube
1. Кнопка подписки на YouTube
Для чего она нужна:
Эта кнопка позволяет организациям легко продвигать свои видеоканалы на YouTube. Вы можете встроить эту кнопку на свою домашнюю страницу или страницу «Свяжитесь с нами», чтобы увеличить охват контента, который вы продвигаете на своем канале, и увеличить базу подписчиков.
Как добавить кнопку подписки на YouTube:
Чтобы создать кнопку подписки на YouTube, перейдите на страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube вашей компании, выберите размер кнопки и цветовую тему. , решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы показывать или скрывать количество подписчиков. Затем скопируйте и вставьте код на свой веб-сайт, где вы хотите разместить кнопку.
Посмотреть в действии. Подпишитесь на канал HubSpot на YouTube:
Кнопки социальных сетей для Pinterest
1. Кнопка «Подписаться» на Pinterest
Для чего она нужна:
Как и другие популярные социальные сети, Pinterest также предлагает кнопку «Подписаться», чтобы вы могли продвигать свои Присутствие в Pinterest и создание новых подписчиков для вашей учетной записи.
Как добавить кнопку подписки Pinterest:
Посетите https://developers.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, автоматически сгенерируется код, который вы сможете вставить на свой веб-сайт.
Посмотреть в действии. Подпишитесь на HubSpot в Pinterest:
HubSpot
2. Кнопка «Закрепить»
Для чего она нужна:
Это кнопка «Поделиться» в Pinterest, позволяющая пользователям делиться вашим контентом в Pinterest и расширять его охват. Кнопка Pin It отлично подходит для визуального контента. Разместите эти кнопки рядом с изображениями, инфографикой и другим визуальным контентом на вашем сайте.
Как добавить кнопку «Pin It»:
Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Pin It». Вставьте 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. Изменение логотипов и фирменного стиля может привести к тому, что ваш веб-сайт будет оштрафован, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.