Содержание

Правильные социальные share-кнопки / Хабр

grokru

Время на прочтение 2 мин

Количество просмотров 79K

Я пиарюсь

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

Внешний вид


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

Быстродействие


В пору быстрого интернета все меньше приходится задумываться об оптимизации скорости загрузки сайта. Однако с каждым годом растет количество пользователей мобильного интернета, который пока не может похвастаться высокими скоростями. А социальные кнопки способны заметно замедлить загрузку сайта. Интересный факт: еще в 2007 году Amazon сообщил, что каждые лишние 100мс при загрузке сайта снижают продажи на 1%. А Google с 2010 года учитывает скорость загрузки при ранжировании сайтов в поисковой выдаче. И хочется ли после этого ставить нативные кнопки?

 Что же делать?

К счастью, есть много сервисов, с помощью которых можно установить к себе на сайт одну кнопку «Поделиться», объединяющую сразу все нужные социальные сети. Самым популярным в Рунете подобным инструментом является блок «Поделиться» от Яндекса.
И он действительно хорош: аккуратные иконки, лаконичный код и даже наличие API для разработчиков. Но как всегда, хочется чего-то большего. Для себя я определил вот какие критерии идеального сервиса социальных кнопочек:

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

PLUSO — молодой сервис, который удовлетворяет всем вышеуказанным требованиям, вот какие кнопочки он позволяет делать, всего более 300 вариаций:

А какими сервисами социальных кнопок пользуетесь вы?

Теги:

  • социальные кнопки
  • share
Хабы:

  • Я пиарюсь

Всего голосов 113: ↑85 и ↓28 +57

Комментарии 78

Кирилл @grokru

co-founder at Beau

Telegram

ВКонтакте, Telegram, WhatsApp, Viber, Одноклассники.

..)

ОписаниеУстановкаИсторияТехподдержка

  • Описание
  • Установка
  • История
  • Техподдержка

  • Подходящие редакции 1С-Битрикс: Старт, Стандарт, Малый бизнес, Бизнес
  • Включает в себя: Модуль
  • Категории: Инструменты

Доступны кнопки/ссылки: Telegram, ВКонтакте, Одноклассники, WhatsApp, Twitter, Pinterest, YouTube, Twitch, WeChat, Viber, Messenger, Skype, Snapchat, TikTok, Vimeo, Битрикс24, Яндекс Дзен, Яндекс Диск, Google Drive, OneDrive, Trello, App Store, Google Play и др.

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

  • «Корзина» (ссылка на интернет-магазин, собственный каталог, лендинг или магазин на Wildberries, Lamoda, Авито, Ozon, Маркетплейс Беру и др)
  • «Подарок»/»Скидки» (ссылка на промо лендинг, пост в соцсети об условиях акции и др)
  • «Калькулятор» (ссылка на онлайн-калькулятор для расчета ваших товаров и услуг)
  • «E-mail» (ссылка вида mailto:[email protected] или на страницу с формой для отправки письма)
  • «Скачать» (ссылка на файл с каталогом PDF, архив или что-то ещё)
  • «Карта» (ссылка на страницу с контактами и картой или ссылка на приложения с координатами для построения маршрута к вашей организации или куда-либо)

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

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

 

 

Для добавления кнопок в определенном месте страницы сайта воспользуйтесь компонентом. Также для добавления кнопок в определенном месте страницы сайта (например header или footer) добавьте html-элемент в разметке в необходимое место:
<div></div> или <span></span>

Ссылка на WhatsApp чат
https://wa.me/<номер> (например: https://wa.me/79234567890)

Ссылка на канал Telegram
https://t.me/<название-канала>

Ссылка на Viber чат
viber://chat?number=%2Bххххххххх

(%2B — код плюса в номере телефона, ххххххххх — цифры номера телефона)

Ссылка для звонка в Skype
skype:<имя пользователя skype>

Более полную и актуальную информацию можно найти на официальных сайтах разработчиков приложений и сервисов

Блок социальных иконок

— Поддержка WordPress.

com

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

Вот пример:

    В этом руководстве

    Видеоруководство
    Расшифровка видео

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

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

    Затем нажмите Enter, чтобы добавить блок социальных значков.

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

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

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

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

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

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

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

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

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

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

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

    Чтобы добавить блок  Social Icons , щелкните значок  + Block   Inserter  и выполните поиск по запросу «social icons». Нажмите на нее, чтобы добавить блок к публикации или странице.

    💡

    Используя клавиатуру, вы также можете ввести /social в новой строке и нажать Enter, чтобы быстро добавить новый блок Social Icons.

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

    Чтобы добавить учетную запись социальной сети в блок значков социальных сетей , выполните следующие действия:

    1. Добавьте блок значков социальных сетей , как описано в предыдущем разделе.
    2. Нажмите кнопку + устройство для вставки блоков 9Кнопка 0004:
    1. Найдите название первой социальной сети, которую вы хотите добавить. См. полный список поддерживаемых значков.
    1. Нажмите один раз на недавно добавленный значок, и появится окно для ввода URL-адреса вашего профиля в социальной сети.
    2. Введите или вставьте ссылку на свой профиль в социальной сети и щелкните значок стрелки, чтобы сохранить ее:
    Как привязать значок социальной сети

    ⚠️

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

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

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

    • 500px
    • Амазонка
    • Бэндкемп
    • Беханс
    • CodePen
    • ДевиантАрт
    • Дрибббл
    • Дропбокс
    • Этси
    • Фейсбук
    • Flickr
    • Четыре квадрата
    • Гитхаб
    • Goodreads
    • Гугл
    • Инстаграм
    • Ласт.фм
    • LinkedIn
    • Электронная почта (mailto: ссылки)
    • Мастодонт
    • Встреча
    • Средний
    • Патреон
    • Пинтерест
    • Карман
    • Реддит
    • RSS-канал (URL-адреса с /feed/)
    • Скайп
    • Снэпчат
    • Саундклауд
    • Спотифай
    • Телеграмма
    • ТикТок
    • Тамблер
    • Подергивание
    • Твиттер
    • Vimeo
    • ВК
    • WhatsApp
    • WordPress
    • Визг
    • Ютуб

    Если нужного значка нет, вместо него можно использовать общую кнопку ссылки:

    Общий значок ссылки

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

    Удаление значка

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

    Удаление значка социальной сети
    Панель инструментов блока

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

    Эти параметры:

    • Изменить на другой тип блока.
    • Перетащите ручку блока, чтобы изменить положение блока.
    • Перемещение вверх или вниз.
    • Изменить выравнивание значков (слева, по центру, справа или на равном расстоянии между ними.)
    • Выровняйте все значки по левому, правому краю или по центру.
    • Изменить размер значков (маленький, нормальный, большой или огромный).
      • Найдите параметр Size , выбрав блок Social Icons в List View . Он не появится, если был выбран отдельный значок.
    • Дополнительные параметры.
    Настройки блока

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

    Щелкните значок «Настройки», чтобы открыть настройки блока. Вы можете выбрать Социальные значки блокируют в Представлении списка или щелкают на пустом месте по обе стороны от значков.

    Макет

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

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

    Включите Разрешить перенос на несколько строк Настройка для перемещения значков на следующую строку, когда на мобильном устройстве недостаточно места (рекомендуется). Если этот параметр отключен, все кнопки останутся на одной линии, несмотря ни на что.

    Настройки ссылок

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

    Включить Показать метки для отображения текста с каждым значком. По умолчанию метка будет отображать название социальной сети (Facebook, Instagram и т. д.). Вы можете настроить текст метки, щелкнув отдельный значок и введя новый текст в поле 9.0003 ссылка этикетка поле.

    Дополнительно

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

    Стили блоков

    На боковой панели настроек блока щелкните значок «Стили», чтобы получить доступ к настройкам дизайна для блока. Значок «Стили» имеет форму круга с заполненной половиной круга:

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

    • По умолчанию
    • Только логотипы
    • Форма таблетки
    Настройки блока

    Дополнительные настройки включают:

    • Цвет:  Выберите цвет значка и фона. Дополнительную информацию см. в разделе «Настройки цвета».
      • Если вы не выберете цвет, значок будет отображаться в цвете этой социальной сети (например: синий для Facebook, красный для YouTube.)
    • Размеры:  Отрегулируйте расстояние между каждым значком и полем вокруг него. Дополнительную информацию см. в разделе «Настройки параметров».

    Бесплатные значки социальных сетей (те, которые вам действительно разрешено использовать)

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

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

    Изображение через Fancycrave под номером CC0

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

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

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

    Facebook

    Загрузите полный набор значков.

    Ключевые правила бренда:

    • Используйте только значок Facebook синего цвета или перевернутый белый и синий. Вернитесь к черно-белому режиму, если столкнетесь с ограничениями цвета. Для загрузки доступны синяя, серая, белая и черная версии.
    • Значок Facebook всегда должен отображаться в закругленном квадратном контейнере.
    • Убедитесь, что значок воспроизведен в разборчивом размере. Он должен быть такого же размера, как и все остальные значки.
    • Не анимировать и не представлять логотип в виде физических объектов.
    • Загрузите значки в соответствии с вашим носителем. Варианты значка Facebook предназначены для онлайн, печати, телевидения и кино.
    Значки для использования в Интернете (.png)

         

    Twitter

    Загрузите полный набор значков.

    Ключевые правила бренда:

    • Используйте только синий или белый значок Twitter. Когда действуют ограничения на цвет печати, Twitter разрешает отображать логотип черным цветом.
    • Twitter предпочитает, чтобы его значок был представлен без контейнера, но предлагает квадратные, закругленные квадратные и круглые контейнеры, если они лучше соответствуют вашим потребностям.
    • При использовании логотипа поверх изображения всегда используйте белую версию.
    • Не анимируйте логотип, не украшайте и не дополняйте его пузырьками со словами или другими существами.
    • Свободное пространство вокруг логотипа должно составлять не менее 150% ширины значка.
    • Значки должны иметь минимальную ширину 32 пикселя.
    Значки для использования в Интернете (.png)

        

    Instagram

    Загрузите полный набор значков.

    Ключевые принципы бренда:

    • Для представления Instagram могут использоваться только значки, находящиеся в разделе «Активы» на сайте ресурсов бренда Instagram. Эти значки доступны в цвете и черно-белом.
    • иконок Instagram должны быть представлены без контейнера. Квадрат, круг, закругленный квадрат и другие формы контейнера недоступны.
    • Не добавляйте значок к названию вашей компании, товарному знаку или другому языку или символу.
    • При использовании значка для вещания, радио, наружной рекламы или печати размером более 8,5 x 11 дюймов вам необходимо запросить разрешение и включить макет предполагаемого использования.
    • Контент Instagram не должен занимать более 50 % вашего дизайна или более 50 % общей продолжительности вашего контента.
    Иконки для онлайн-использования (.png)

    LinkedIn

    Загрузите полный набор значков.

    Ключевые принципы бренда:

    • LinkedIn предпочитает, чтобы его бело-голубой значок отображался на белом фоне. Значок всегда должен отображаться в цвете онлайн. Если это невозможно, используйте обратный бело-синий или черно-белый значок.
    • Используйте сплошной белый значок на темном фоне или фотографиях, а сплошной черный значок — на светлом фоне или фотографиях или в приложениях для одноцветной печати. Убедитесь, что «in» прозрачен.
    • Значок LinkedIn никогда не должен иметь форму круга, квадрата, треугольника, трапеции или любой другой формы, кроме квадрата со скругленными углами.
    • Иконки LinkedIn обычно используются в Интернете в двух размерах: 24 пикселя и 36 пикселей. Минимальный размер составляет 21 пиксель в Интернете или 0,25 дюйма (6,35 мм) в печатном виде. Иконки, размер которых предназначен для печати или более крупного использования, должны ссылаться на сетку из 36 элементов, найденную здесь.
    • Границы значка должны составлять примерно 50 % от размера контейнера. Требование к минимальному свободному пространству указывает, что вокруг значка должно использоваться отступ размером в две буквы LinkedIn «i».
    • Для использования на телевидении, в кино или других видеопродукциях требуется запрос на разрешение.
    • При использовании призывов к действию, таких как «Подпишитесь на нас», «Присоединяйтесь к нашей группе» или «Посмотреть мой профиль LinkedIn», в сочетании со значком используйте другой шрифт и цвет — предпочтительно черный.
    Значки для использования в Интернете (.png)

         

    Pinterest

    Загрузите значки.

    Ключевые принципы бренда:

    • Значок Pinterest «P» всегда должен отображаться красным цветом Pinterest, в печати или на экране и не изменяться каким-либо образом.
    • Чтобы использовать Pinterest в видео, на телевидении или в кино, компании должны отправить письменный запрос своему менеджеру по работе с партнерами в Pinterest.
    • Всегда добавляйте призыв к действию после показа значка Pinterest. Убедитесь, что размер значка пропорционален тексту призыва к действию.
    • Приемлемые фразы с призывом к действию включают: «Популярно в Pinterest», «Найдите нас в Pinterest», «Подпишитесь на нас в Pinterest», «Посетите нас», «Найдите больше идей на Pinterest», «Вдохновляйтесь на Pinterest». Не используйте фразы Trending on Pinterest или Trending Pins.
    • Всегда отображайте URL-адрес Pinterest или гиперссылку при использовании значка.
    Значки для использования в Интернете (.png)

      

    YouTube

    Загрузите полный набор значков.

    Ключевые рекомендации бренда:

    • Значок YouTube доступен в красном, монохромном почти черном и белом монохромном цветах.
    • Если фон не работает с красным значком YouTube или цвет нельзя использовать по техническим причинам, выберите монохромный. Почти черный значок следует использовать для светлых разноцветных изображений. Белый значок следует использовать на темных разноцветных изображениях с прозрачным треугольником кнопки воспроизведения.
    • значков YouTube должны иметь высоту не менее 24 dp в Интернете и 0,125 дюйма (3,1 мм) в печатном виде.
    • Требуемое свободное пространство для значка YouTube должно составлять половину ширины значка.
    • Значок YouTube можно использовать, только если он связан с каналом YouTube.
    Значки для использования в Интернете (.png)

      

    Snapchat

    Загрузите полный набор значков.

    Ключевые правила бренда:

    • Показывать значок Snapchat только черным, белым и желтым цветом.
    • Не окружайте логотип другими персонажами или существами.
    • Минимальный размер значка Призрака составляет 18 пикселей онлайн и 0,25 дюйма при печати.
    • Значок доступен без контейнера в черно-белом цвете или с желтым закругленным квадратом.
    • Свободное пространство вокруг логотипа должно составлять не менее 150% ширины логотипа. Другими словами, отступы должны быть того же размера, что и половина Ghost.
    Иконки для онлайн-использования (.png)

    WhatsApp

    Загрузите полный набор иконок.

    Ключевые рекомендации бренда:

    • Отображать значок WhatsApp только зеленым, белым (на зеленом фоне) и черно-белым (в основном черно-белых материалах).
    • Убедитесь, что WhatsApp пишется как одно слово с правильными заглавными буквами
    • Используйте значок зеленого квадрата только при ссылке на приложение iOS.
    Значки для использования в Интернете (.png)

         

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

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

    Не путать с кнопками «Поделиться» или словесными знаками. Значки социальных сетей — это сокращенные символы, которые ссылаются на профиль вашей компании в разных сетях (или, в случае печатных материалов, просто сообщают людям, что ваш бизнес находится в этих сетях).

    Чаще всего значки социальных сетей используют первую букву или символ логотипа компании социальной сети. Вспомните Facebook F, птицу Twitter или камеру Instagram.

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

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

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

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

    Веб-сайты

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

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

    Изображение с домашней страницы Lenny.com

    Электронные письма и информационные бюллетени

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

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

    Подпись Outlook

    1. В Outlook на вкладке «Главная» выберите «Новая электронная почта».
    2. На вкладке Сообщение в группе Включить выберите Подпись, затем Подписи.
    3. На вкладке Подпись электронной почты в поле Изменить подпись выберите подпись, которую хотите изменить.
    4. В текстовом поле Изменить подпись добавьте новую строку под текущей подписью.
    5. Выберите «Изображение», затем перейдите в папку, в которую вы загрузили значки, и выберите значок, который вы хотите добавить.
    6. Выделите изображение и выберите «Вставить», затем «Гиперссылка».
    7. В поле Адрес введите веб-адрес соответствующего профиля компании.
    8. Нажмите OK, чтобы завершить изменение новой подписи.
    9. На вкладке Сообщение в группе Включить выберите Подпись, а затем выберите только что измененную подпись.

    Подпись Gmail

    1. Откройте Gmail.
    2. Щелкните значок настроек в правом верхнем углу.
    3. В разделе «Подписи» щелкните символ «Вставить изображение», чтобы добавить загруженный значок.
    4. Выделите изображение и щелкните символ Ссылка.
    5. Добавьте веб-адрес для профиля вашей компании.
    6. Прокрутите вниз и выберите Сохранить изменения.

    Информационные бюллетени

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

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

    Изображение из электронного информационного бюллетеня Sephora
    Печать

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

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

    Вариант 1: (F) facebook.com/Hootsuite
    (T) twitter.com/Hootsuite
    Вариант 2: (F) Hootsuite
    (T) @Hootsuite
    Вариант 3: (F) (T) @Hootsuite

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

    Печатная реклама чая Дэвида из журнала Escapism. One More Bake от Элизабет Новианти Сусанто на Behance. The Cado от Кристи Стивенс на Behance.
    Телевидение и видео

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

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

    Рекомендации по использованию значков социальных сетей

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

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

    Скачать из источника

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

    Без изменений

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

    Единый размер

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

    Равномерное размещение

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

    Выберите от трех до пяти

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

    Упорядочить по приоритету

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

    Используйте последнюю версию

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

    Не используйте словесный знак

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

    Сделайте свой бренд в центре внимания

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

    Ссылка на профиль вашей компании

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

    Запросить разрешение

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