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


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

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

к оглавлению ^

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

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

Мечта каждого владельца сайта, если все его записи будут репостить читатели на своих страницах в одной из социальных сетей. Сейчас больше всего идет спрос на Вконтакте, Facebook, Twitter и Одноклассники. Я бы еще добавить LiveJournal, liveinternet и Blogger. Вот эти кнопки желательно добавить на сайт для полного удобства пользователя.

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

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

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

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

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

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

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

  1. Сервис uptolike.
  2. Социальные кнопки яндекс.
  3. Добавление вручную каждой соц сети отдельно.
  4. Сервис Pluso.
  5. С помощью плагинов для WordPress (для ленивых).

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

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

к оглавлению ^

Uptolike

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

  • Широкий выбор среди кнопок социальных сетей;
  • Кнопки адаптированы под мобильные устройства;
  • Возможность цитирования в соц сетяъ любого участка текста;
  • Можно добавить кнопку наверх;
  • Возможность добавления всплывающего окна на подписку в группу Вконтакте;
  • Выбор размера иконок;
  • Выбор стиля иконок для сайта;
  • Добавить эффект при наведении;
  • Изменение фона кнопки, цвета текста, фона счетчика;
  • Увеличение или уменьшение текста в счетчике.

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

Кроме этого, что еще может сервис uptolike.

Поделиться Сделать репост страницы.
Добавить лайки Пользователь имеет возможность поблагодарить автора.
Подписаться Пользователь имеет возможность подписаться на группу Вконтакте.
Поделиться изображением Любой желающий сможет поделиться понравившейся картинкой с сайта.
Опрос При необходимости добавить и провести опрос на сайте.
Добавить рейтинг записей С помощью рейтинга можно увидеть, что нравится читателям а что нет.
Добавить счетчик посещаемости Установить на сайт невидимый счетчик посещаемости.
Плагин для WordPress Кто ленится добавлять код, есть возможность установить плагин.
Плагин для Joomla Плагин для Drupal
Добавить модуль Bitrix

Как на все это посмотреть, выбрать и добавить на свой сайт? Переходим на сервис и нажимаем на первый пункт «Поделиться». В этом случае вы добавите кнопки соц сетей для сайта в конце каждой статьи.

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

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

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

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

к оглавлению ^

Яндекс

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

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

к оглавлению ^

Ручной метод добавления

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

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

к оглавлению ^

Вконтакте

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

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

к оглавлению ^

Pluso

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

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

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

к оглавлению ^

WordPress

Если вы ничего не понимаете в этом коде, что куда нужно копировать и как все это работает, выход есть. Если у вас движок WordPress, можно установить плагин, с помощью которого у вас появятся кнопки социальных сетей. Сегодня таких плагинов просто большое количество. Заходи в админку — Плагины. Можно сразу написать в поиске плагинов «соц кнопки», «social» или «вконтакте». Я уверен, вы что то найдете.

Среди большинства таких подобных плагинов для WordPress, посмотрев на рейтинг, больше всего ставят именно такие:

  1. Social Share Buttons for WordPress.
  2. Social.
  3. Social Media Feather — lightweight social media sharing and follow buttons.

На самом деле подобных таких плагинов очень много, нужно устанавливать и перебирать, какой вам больше понравится, правильно работает, что показывает и как его можно настроить под себя. Разберем на примере первый такой плагин Social Share Buttons for WordPress.

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

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

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

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

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

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

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

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

Содержание

Типы кнопок социальных сетей
Кнопки социальных сетей для Facebook
Кнопки социальных сетей для Instagram
Кнопки социальных сетей для LinkedIn
Кнопки социальных сетей для Twitter
Кнопки социальных сетей для YouTube
Кнопки социальных сетей для Pinterest
Кнопки социальных сетей для Hootsuite

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используйте интерфейс кнопки «Follow» на 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, но эти значки больше не доступны. Изменения в Instagram API также усложнили сторонним поставщикам возможность создавать функциональные кнопки и значки Instagram.

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

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

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

Как встроить пост в Instagram с кнопкой подписки

  1. Перейдите к конкретному сообщению, которое вы хотите встроить, или перейдите в свой профиль Instagram и прокрутите назад, чтобы найти соответствующий вариант.
  2. Нажмите на сообщение
  3. Нажмите кнопку «Дополнительно» () в правом нижнем углу.
  4. Выбрать Встроить
  5. Выберите, хотите ли вы включить заголовок, а затем нажмите Копировать код для вставки
  6. Поместите код в свой HTML

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

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

Кнопка публикации в LinkedIn

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

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

Как добавить кнопку публикации в LinkedIn

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Войдите в свою учетную запись Twitter
  2. В левом столбце щелкните Конфиденциальность и безопасность
  3. Прокрутите вниз до раздела Личные сообщения и установите флажок рядом с Получать личные сообщения от кого угодно
  4. В левом столбце щелкните Ваши данные Twitter. Возможно, вам потребуется ввести пароль для доступа к этому экрану
  5. Выберите и скопируйте свой идентификатор пользователя, который отображается под вашим именем пользователя
  6. Перейти к публикации.twitter.com, прокрутите вниз и нажмите кнопок Twitter
  7. Нажмите Кнопка сообщения
  8. Введите свое имя пользователя в верхнем поле, включая символ @ (например, @Hootsuite).
  9. Вставьте свой идентификатор пользователя в нижнее поле
  10. Нажмите Предварительный просмотр
  11. Над полем кода нажмите Установите параметры настройки
  12. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  13. Скопируйте и вставьте предоставленный код в свой HTML
Параметры кнопки сообщения Twitter

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Перейдите в конструктор виджетов Pinterest и нажмите кнопку «Сохранить»
  2. Выберите желаемые параметры размера и формы кнопки
  3. В новом окне браузера перейдите на страницу вашего веб-сайта, где отображается изображение, с которым вы хотите работать.
  4. Скопируйте и вставьте URL этой веб-страницы в поле URL в конструкторе виджетов
  5. На своей веб-странице щелкните правой кнопкой мыши изображение, с которым хотите работать, и выберите Копировать URL-адрес изображения
  6. Вставьте URL-адрес изображения в поле Изображение в конструкторе виджетов
  7. Введите описание изображения в поле Описание в конструкторе виджетов.Оно появится под вашим изображением, когда кто-то сохранит его в Pinterest
  8. .
  9. Щелкните образец Pin It кнопку в конструкторе виджетов, чтобы протестировать кнопку
  10. Скопируйте код кнопки и вставьте его в свой HTML
  11. Скопируйте и вставьте скрипт pinit.js из нижней части страницы конструктора виджетов в свой HTML, прямо над тегом

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

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

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

Hootsuite

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

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

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

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

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

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

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

Кнопка публикации Hootsuite

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

Когда пользователь нажимает кнопку Hootsuite на вашем веб-сайте, открывается окно с интерфейсом, содержащим ссылку на ваш контент. Пользователь может выбрать, в каких социальных сетях поделиться им: Twitter, Facebook, LinkedIn, Google+ или во всех перечисленных выше. Они могут добавить личное сообщение перед отправкой и решить, публиковать ли сразу, запланировать публикацию на определенное время в будущем или использовать функцию автоматического планирования Hootsuite.

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

Перейдите на hootsuite.com/social-share, введите свой URL, скопируйте и вставьте код в свой HTML.

Опции кнопки обмена Hootsuite

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

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

Начало работы

.

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


Узнайте, как стилизовать кнопки социальных сетей с помощью CSS.



Попробуй сам "

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

Шаг 1) Добавьте HTML:

Пример




...


Шаг 2) Добавьте CSS:

Квадрат Пример

/ * Стилизуем все иконки со шрифтами * /
.fa {
отступ: 20 пикселей;
font-size: 30 пикселей;
ширина: 50 пикселей;
выравнивание текста: по центру;
оформление текста: нет;
}

/ * Добавьте эффект наведения, если хотите * /
.fa: hover {
opacity: 0.7;
}

/ * Установите определенный цвет для каждой марки * /

/ * Facebook * /
.fa-facebook {
фон: № 3Б5998;
цвет: белый;
}

/ * Twitter * /
.fa-twitter {
фон: # 55ACEE;
цвет: белый;
}

Попробуй сам "

Круглые пуговицы

Наконечник: Добавьте border-radius: 50% для создания круглых кнопок и уменьшения ширины :

Пример с закругленными углами

.fa {
отступ: 20 пикселей;
размер шрифта: 30 пикселей;
ширина: 30 пикселей;
выравнивание текста: центр;
оформление текста: нет;
border-radius: 50%;
}

Попробуй сам "

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

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


.

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

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

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

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

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

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

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

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

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

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

Для приведенных ниже примеров я буду использовать эту быструю фиктивную страницу, созданную на example.com :

Кнопки Facebook

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

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

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

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

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

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

Facebook "Мне нравится"

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

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

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

Кнопки Google+

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

Google+ +1 кнопка

Посетите страницу кнопки Google+ +1 и введите все данные для кнопки.

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

Теперь вы должны увидеть кнопку Google+ +1, на которой вы разместили код на своей странице:

Значок Google+

Посетите страницу кнопки значка Google+ и настройте значок по своему вкусу.

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

Теперь вы увидите наш новый значок Google+ рядом с кнопкой +1:

Кнопка подписки в Google+

Перейдите на страницу кнопки подписки Google+ и настройте размер и настройки.

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

Теперь у нас есть кнопка Google+, +1, значок и новая кнопка подписки, которую мы только что создали!

Кнопка Поделиться в Google+

Перейдите на страницу кнопки "Поделиться" в Google+ и выберите свои настройки.

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

Теперь у нас есть Google+, кнопка +1, значок, кнопка подписки и новая кнопка «Поделиться», которую мы только что создали!

Кнопки Twitter

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

3 простых способа добавить кнопки социальных сетей в WordPress

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

В этой статье мы рассмотрим три впечатляющих плагина WordPress:

  • Jetpack
  • Orbit Fox Companion
  • Social Pug

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

Добавьте кнопки социальных сетей в WordPress с помощью любого из этих 3 плагинов.

Jetpack

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

В настоящее время Jetpack поддерживает:

  • Twitter
  • Facebook
  • Google+
  • Pinterest
  • LinkedIn
  • Tumblr
  • многие другие сети

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

Понравился вид этих кнопок? Читайте дальше, чтобы узнать, как установить Jetpack и настроить модуль Sharing на своем веб-сайте WordPress.

Установка Jetpack

Чтобы установить плагин Jetpack, выберите Plugins → Add New в меню WordPress.

Введите Jetpack в функцию поиска и затем выберите Установить сейчас → Активировать .

Теперь вам будет предложено подключить ваш сайт к WordPress.com, чтобы Jetpack мог работать на вашем сайте. Для этого вам нужно будет зарегистрироваться на WordPress.com или просто войти в систему, если у вас уже есть WordPress.com аккаунт.

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

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

Активация кнопок общего доступа

Чтобы активировать кнопки общего доступа, перейдите в Jetpack → Настройки → Совместное использование .

Здесь, под Кнопками общего доступа , включите Добавить кнопки общего доступа к вашим сообщениям кнопка.

Затем в меню WordPress выберите Settings → Sharing .

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

Далее по странице вы можете:

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

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

По завершении выберите Сохранить изменения внизу страницы.

Подходит ли вам Jetpack Sharing?

Как видите, кнопки Jetpack очень легко добавить на ваш сайт WordPress. Но подойдет ли вам Jetpack? Вот несколько причин, по которым Jetpack - правильный выбор для вас.

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

Теперь давайте посмотрим на второй вариант добавления кнопок социальных сетей в WordPress…

Orbit Fox Companion

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

Orbit Fox предоставляет более 20 кнопок социальных сетей, которые вы можете выбрать и добавить на свой сайт WordPress. Вы можете управлять своими кнопками совместного доступа, выбирать их положение на экране, а также включать и выключать их в зависимости от устройства, используемого для просмотра вашего веб-сайта. Это пример кнопок общего доступа Orbit Fox Companion…

Если эти кнопки вам нравятся, то вот как их настроить…

Настройка Orbit Fox Companion

Для начала откройте панель управления WordPress и установите Orbit Fox Companion (этот плагин можно установить так же, как плагин Jetpack или любой другой плагин).

После установки вы найдете Orbit Fox в меню WordPress под Orbit Fox . Здесь, в разделе «Доступные модули », активируйте модуль социального обмена .

Настройка кнопок общего доступа

Прокрутите страницу вниз, и вы найдете Social Sharing Module в разделе Activated Modules Options .

Здесь вы можете настроить кнопки совместного использования.

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

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

Подходит ли вам плагин Orbit Fox Companion?

Вот несколько причин, по которым стоит выбрать Orbit Fox Companion по сравнению с другими вариантами:

  • Вам нужна возможность включать или выключать кнопки совместного доступа в зависимости от устройства пользователя (например,грамм. выключите их для смартфонов)
  • Вас интересуют некоторые другие функции, предлагаемые Orbit Fox Companion
  • Вам нужен доступ к нишевым социальным сетям, таким как Reddit, WhatsApp и др.

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

Кнопки социальных сетей - Social Pug

Последний плагин WordPress, который мы собираемся рассмотреть, - это Social Pug. Этот бесплатный плагин добавляет настраиваемые кнопки публикации в социальных сетях в ваш блог WordPress.

Он поддерживает пять сетей:

  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • Pinterest

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

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

Итак, давайте узнаем, как добавить Social Pug на свой сайт…

Добавление кнопок совместного использования Social Pug

Установите и активируйте плагин Social Pug.Затем выберите Social Pug → Toolkit в меню WordPress.

Затем выберите, хотите ли вы использовать кнопки общего доступа: Inline Content или Floating Sidebar . Активируйте свои предпочтения, а затем нажмите Настройки .

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

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

Подходит ли вам плагин Social Pug?

Вот несколько причин для выбора Social Pug:

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

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

Заключительные мысли о кнопках социальных сетей

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

  • Соответствуют ли кнопки стилю вашего сайта и нравятся вашей аудитории
  • Можно ли настроить кнопки
  • Где вы можете расположить кнопки
  • Если плагин поддерживает все актуальные социальные сети для вашего бизнеса

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

Как вы добавите кнопки социальных сетей в WordPress - какой плагин привлек ваше внимание? Пожалуйста, поделитесь своими мыслями в комментариях ниже…

Бесплатное руководство

5 основных советов по ускорению
Ваш сайт WordPress

Сократите время загрузки даже на 50-80%
, ​​просто следуя простым советам.
.

Смотрите также

Поделиться в соц. сетях

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

Оставить комментарий