Содержание
6 вариантов кнопок поделиться | Get Drupal 8
Кнопка «Поделиться» — неотьемлемый элемент любого контентного сайта. Она позволяет публиковать ссылки на статьи в соцсетях и мессенджерах с целью привлечения дополнительного трафика.
В данной статье мы рассмотрим несколько способов создания кнопок/ссылок «Поделиться» на сайте Drupal 8.
Начнем с безмодульных подходов.
Способ 1: Сервис Pluso
Пожалуй, самый известный и самый простой способ создания кнопок «Поделиться».
Сервис находиться по ссылке https://share.pluso.ru. и предлагает возможность формирования набора более чем из 30 источников. Начиная с соцсетей «Вконтакте», «Одноклассники», «Facebook» и заканчивая «Evernote», «Pinterest» и «Яндекс.Закладки». Встроенная статистика прилагается.
Выбранный вариант кнопок можно отредактировать по размеру, форме и расположению. А затем вставить полученный jscript на страницу в место расположения кнопок.
Проще простого!
Способ 2: Сервис Usocial.pro
Неплохой сервис https://usocial.pro предлагает неплохой конструктор кнопок поделиться. Прекрасный вариант для тех, кто не хочется заморачиваться.
Более того, сервис располагает возможностями создания кнопок Like, виджетов подписки, а также создания доступа к контенту при условии, что пользователь подпишется на группу или профиль в соцсети. Он так и назвается — «Социальный замок»:
Способ 3: Сервис Share42.com
Еще один онлайн сервис кнопок «Поделиться». Расположен по адресу http://share42.com/ru.
Выглядит немного сложней, чем его предыдущий аналог, но пусть вас это не смущает — он проверен и отлично работает!
Здесь мы также выбираем желаемые ресурсы для шаринга и упаковываем кнопки в специальный архив share42 для размещения на сайте. Далее этот архив закачивается через ftp на хостинг и используется при активации jscript’a. Путь для расположения share42 плагина вы можете выбрать самостоятельно, но не забудьте учитывать его при выводе div-блока с кнопками.
Способ 4: Блок «Поделиться» от Яндекс
Следующий сервис социальных кнопок — это «Блок «Поделиться»» от компании Яндекс. Простое и интуитивно-понятное решение на подключение которого уйдет не больше 3-х минут.
Набор сервисов для кнопки и пара опций по внешнему виду — только все, что нужно и ничего более! В отличии от Shared42 и Pluso позволяет помимо известных соцсетей подключать не менее известные на текущий момент мессенджеры. Viber, Whats’Up, Skype и даже Telegram. По-моему это круто!
Способ 5: Модули кнопок «Поделиться» для Drupal 8
Ну и конечно же не могу не поделиться модулями по созданию кнопок «Поделиться».
Share Everywhere — добавляет блок, который можно расположить на статьях, тизерах, товарах и т.п. В ассортименте есть кнопки для известных мессенджеров.
Sharerich — настраиваемые кнопки социальных сетей и мессенджеров. В т. ч. Instagram. Сам не пробовал, не могу поделиться опытом.
Есть еще модуль ShareThis — но про него ничего сказать не могу. Если будете использовать, используете на свой страх и риск.
Способ 6: Использование подстановочных ссылок и токенов
Twig, php и стандартные возможности представлений ни кто не отменял, поэтому если вы не ищете легких путей, предлагаю воспользоваться самым простым способом для создания кнопок шаринга. Впрочем, прост он, пожалуй, лишь для тех, кто знаком с Drupal 8 и умеет вставлять токены в ссылки, например, при выводе представлений.
Например, нам необходимо рассшарить в соцсети страницу https://getdrupal8.ru/drupal/articles.
Для вывода ссылок к кнопкам используем следующие URL:
Telegram — https://telegram.me/share/url?url=https://getdrupal8.ru/drupal/articles&text=GetDrupal%208:%20Drupal%20Articles
Google + — https://plus.google.com/share?url=https://getdrupal8.ru/drupal/articles
Twitter — https://twitter.com/intent/tweet?url=https://getdrupal8.ru/drupal/articles&text=GetDrupal%208:%20Drupal%20Articles
Facebook — https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgetdrupal8.ru%2Fdrupal%2Farticles
Вконтакте — https://vk.com/share.php?url=https://getdrupal8.ru/drupal/articles
Жирным текстом я выделил значения которые необходимо заменить на токены. В случае с Google + и Вконтакте нужно просто подставить ссылку на страницу. Для Telegram и Twitter помимо ссылки мы можем задать текст поля сообщение. В моем случае это Getdrupal 8: Drupal Articles. Слова разделены символами %20. При расшаривании ссылок в Facebook следует вставить ссылку внутрь слеш и двоеточия. Роль двоеточия здесь играет %3A, а слеш %2F.
Используйте возможности view, twig, php и symphony для вывода токенов внутри ссылок. Если у вас нет этих знаний, воспользуйтесь более простыми способами выше.
Спасибо за внимание! Буду очень рад, если помогу вам создании кнопок «поделиться» для вашего сайта Drupal 8. Если вам была полезна данная статья, поставьте лайк или напишите комментарии, если вам есть что сказать 😉
кнопки на сайт для шаринга в соцсети
Шаринговые кнопки — дополнительный плюс к добавочной ценности сайта. Не обделяйте посетителей вашего сайта возможностью поделиться интересным материалом у себя на странице! Если, конечно, тематика сайта позволяет ; ) вряд ли кто-то хочет рассказать своим друзьям о том, как правильно лечить какой-нибудь геморрой. Это ж, фактически признание.
1. PLUSO
- Визуальный конструктор кнопок;
- Была проблема с подгрузкой сторонних скриптов;
- Обращается на сторонние сервисы;
- Позволяет дополнительно монетизировать страницы;
- Предоставляет статистику;
- Поддержка Retina.
2. Social Likes
- Ограниченный конструктор кнопок;
- Поддерживает 7 соц.сетей;
- Нет запросов на сторонние сервисы.
- Плагин съедает очень мало трафика.
3. goodshare.js
- Любой элемент на странице можно сделать share-кнопкой;
- Чистый код;
- Работает на любом устройстве.
4. Share42.com
- Не обращается к сторонним сайтам;
- Универсальный скрипт;
- Большой выбор соцсетей.
5. AddThis
- Предоставляет статистику;
- Прописывает в код страницы лишний код;
- Отсутствует русский интерфейс;
- Собирает информацию о пользователях и использует в своих целях;
- Не самая простая установка.
6. Uptolike.ru
- Съедает очень мало трафика;
- Удобный конструктор;
- Доступна статистика;
- Есть шаринг картинок;
- Есть адаптив для мобилок, но спорный, потому что не для всех сайтов удобен;
- Широкие возможности настройки кнопок;
7. Поделиться от Яндекса
- Аскетичный дизайн конструктора;
- Стабильная работа;
- Простенький дизайн кнопок;
- Исследование через Яндекс.Метрику;
Стильные кнопки поделится страницей в соц сетях
Сегодня сложно себе представить любой сайт в интернете который бы не пользовался кнопками поделится в разных социальных сетях. Ведь сейчас социальные сети очень стремительно развиваются и трафик на сайт с них может иногда при правильном подходе превышать трафик с поисковых систем в несколько раз.
В связи с этим хочу сегодня и поговорить немного о том как добавить кнопки социальных сетей поделится на свой сайт. Что здесь сложного скажете вы, ведь сейчас есть множество сервисов которые предлагают быстро установить свой код на любой сайт который позволит делится вашей страничкой в популярных социальных сетях.
Но в данном методе есть и некоторые недостатки через которые я и не рекомендую использовать сторонние сервисы для добавления социальных сетей на свой веб ресурс, и при создании сайтов я так же всегда стараюсь избегать по мере возможного подключать сторонние скрипты на сайт . Как всем уже известно бесплатный сыр только в мышеловке и при том что даже там он не совсем бесплатен и мышь за него платит своей жизнью.
Тоже самое и с кнопками соц сетей от сторонних сервисов, бесплатно никто работать не будет и в таком громком заявлении как «кнопки социальных сетей бесплатно» кроется плата которую вы все равно заплатите, к примеру: добавляя сторонний сервис на свой сайт вы добавляете лишнюю внешнюю ссылку на их веб ресурс, большинство данных сервисов используют данный код в своих скрытых рекламных целях, собирают информацию о ваших пользователях, и многое другое, а иногда даже бывает что добавляя такой код вы можете сами того не понимая добавить и вирус на сайт.
Ну и я уже не говорю о том что вы полностью зависите от их сервиса, и если с ихним сервером что то случилось это отобразится на скорости загрузки и вашего сайта тоже, ведь ваш сайт будет пытаться подключится к их сервису тем самым будет увеличивать время открытия страницы вашего сайта, так же при оптимизации и продвижении вашего интернет ресурса вы наверняка захотите увеличить показатели google pagespeed но в связи с невозможностью внести изменения в сторонний сервис который вы установили в качестве кнопок поделится вы не сможете добиться желаемого вам результата.
Ок, я думаю вы уже поняли почему я рекомендую как можно меньше добавлять сторонних сервисов на свой сайт, теперь давайте же мы с вами рассмотрим как же добавить кнопки поделится на свой сайт без использования всяких там сторонних сервисов, тем более что это не так уже и сложно, и я вам сегодня предоставлю готовый скрипт социальных кнопок на сайт, который вы без труда сможете себе установить, и не зависеть ни от кого.
И так давайте же приступим к реализации и установки кнопок поделится на свой сайт. Все что нам с Вами потребуется это немного стилей добавить, немного HTML кода и подключить файл javascript с минимум настройками.
Первое это HTML код самих социальных кнопок которые вам потребуется добавить в нужное вам место сайта:
<div>
<div>Понравилось? Поделитесь с друзьями!</div>
<div data-url=»<?php echo ‘https://’.$_SERVER[‘HTTP_HOST’].$_SERVER[‘REQUEST_URI’];?>» data-title=»Стильные кнопки поделится в соц сетях без использования сторонних сервисов»>
<a data-id=»fb»><i></i> Facebook</a>
<a data-id=»vk»><i></i> Вконтакте</a>
<a data-id=»ok»><i></i> OK</a>
<a data-id=»tw»><i></i> Twitter</a>
<a data-id=»gp»><i></i> Google+</a>
<a data-id=»pin»><i></i> Pinterest </a>
<a data-id=»viber»><i></i> Viber </a>
</div>
</div>
<div> <div>Понравилось? Поделитесь с друзьями!</div> <div data-url=»<?php echo ‘https://’.$_SERVER[‘HTTP_HOST’].$_SERVER[‘REQUEST_URI’];?>» data-title=»Стильные кнопки поделится в соц сетях без использования сторонних сервисов»> <a data-id=»fb»><i></i> Facebook</a> <a data-id=»vk»><i></i> Вконтакте</a> <a data-id=»ok»><i></i> OK</a> <a data-id=»tw»><i></i> Twitter</a> <a data-id=»gp»><i></i> Google+</a> <a data-id=»pin»><i></i> Pinterest </a> <a data-id=»viber»><i></i> Viber </a> </div> </div> |
Как вы видите здесь ничего сложного нет, идет список ссылок на нужные вам соц сети, за исключением некоторых моментов. В коде присутствует такая строка как:
<?php echo ‘https://’.$_SERVER[‘HTTP_HOST’].$_SERVER[‘REQUEST_URI’];?>
<?php echo ‘https://’.$_SERVER[‘HTTP_HOST’].$_SERVER[‘REQUEST_URI’];?> |
Что это за строка? — это как раз ваша ссылка на страницу которой человек собирается поделится, и в зависимости от вашей смс на котором сделан сайт это значение можем менятся, к примеру вышеуказанная строка выведет ссылку на страницу на которой вы находитесь методом PHP , соответственно ваша страница должна или поддерживать PHP код или быть файлом php, если же у вас WordPress то можно ее заменить на:
если же у вас другой тип сайта то ссылку нужно вывести в соответствии с вашей смс. Следующее значение это название страницы TITLE которой вы собираетесь делится:
data-title=»Стильные кнопки поделится всоц сетях без испольбзования сторонних сервисов»>
data-title=»Стильные кнопки поделится всоц сетях без испольбзования сторонних сервисов»> |
Если это просто какой то одностраничный сайт то вы можете непосредственно как и в коде выше прописать свой тайтл, эсли же у вас сайт на одной из популярных смс где множество страниц и каждая генерирует свой заголовок, то вам нужно опять же обратится к документации вашей смс, для WordPress к примеру это будет код:
Так же в коде для вывода иконок социальных сетей используется иконки Font Awesome, и вы можете их так же применять у себя, но предварительно их нужно подключить на свой сайт.
Как добавить иконки Font Awesome на свой сайт вы можете ознакомится в следующей статье. В случае если вы не хотите использовать данный иконочный шрифт, вам нужно будет прописать картинки соц сетей на свое усмотрение, и внести некие изменения в код CSS.
Следующим шагом будет добавление кода CSS для кнопок поделится:
/* Стили для оформления кнопок поделиться */
#share {
width:100%;
margin: 0 auto;
background:#fff;
text-align:center;
}
.like {
font-size: 16px;
font-weight: 700;
padding-top: 10px;
margin-bottom: 10px;
}
.push {
display: inline-block;
min-width: 100px;
margin: 5px 2px 10px 2px;
font-size: 15px;
text-align: center;
color: #fff;
cursor: pointer;
padding: 5px;
}
.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373;color:#fff;text-decoration: none;}
.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321;color:#fff;text-decoration: none;}
.pinterest {background-color:#bd081c;}
.pinterest:hover {background-color:#881f12;color:#fff;text-decoration: none;}
.viber {background-color:#665cac;}
.viber:hover {background-color:#881f12;color:#fff;text-decoration: none;}
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9;color:#fff;text-decoration: none;}
.vkontakte {background-color:#587ea3;}
.vkontakte:hover {background-color:#466482;color:#fff;text-decoration: none;}
.ok {background-color:#ee8208;}
.ok:hover {background-color: #a05f20; color:#fff;text-decoration: none;}
/* Стили для оформления кнопок поделиться */
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | /* Стили для оформления кнопок поделиться */ #share { width:100%; margin: 0 auto; background:#fff; text-align:center; }
.like { font-size: 16px; font-weight: 700; padding-top: 10px; margin-bottom: 10px; }
.push { display: inline-block; min-width: 100px; margin: 5px 2px 10px 2px; font-size: 15px; text-align: center; color: #fff; cursor: pointer; padding: 5px; }
.facebook {background-color:#3b5998;} .facebook:hover {background-color:#2d4373;color:#fff;text-decoration: none;}
.google {background-color:#dd4b39;} .google:hover {background-color:#c23321;color:#fff;text-decoration: none;}
.pinterest {background-color:#bd081c;} .pinterest:hover {background-color:#881f12;color:#fff;text-decoration: none;}
.viber {background-color:#665cac;} .viber:hover {background-color:#881f12;color:#fff;text-decoration: none;}
.twitter {background-color:#55acee;} .twitter:hover {background-color:#2795e9;color:#fff;text-decoration: none;}
.vkontakte {background-color:#587ea3;} .vkontakte:hover {background-color:#466482;color:#fff;text-decoration: none;}
.ok {background-color:#ee8208;} .ok:hover {background-color: #a05f20; color:#fff;text-decoration: none;} /* Стили для оформления кнопок поделиться */ |
Думаю описывать сам код не имеет смысла, а вот добавить на свой сайт вы можете двумя способами, первый это добавить вышеуказанный код CSS в свой основной файл стилей и второй это создать отдельный файл к примеру share-style.css и добавить код в него, после подключить скрипт добавим строку между <head></head> к примеру так:
<link href=»../share-sicial-a/share-style.css» rel=»stylesheet»>
<link href=»../share-sicial-a/share-style.css» rel=»stylesheet»> |
При этом обязательно проверяйте пути к файлу css который подключаете.
Ну и последнее это сайт файл javascript, скачать его можно под данной статьей, ну и подключить его на свой сайт , так же как и мы поступали со стилями при подключении, между <head></head> добавляем:
<script src=»../share-sicial-a/share.js»></script>
<script src=»../share-sicial-a/share.js»></script> |
Ну и опять же, проверяйте правильность путей к данному файлу при подключении. Вот собственно и все, таким образом мы подключили скрипт кнопок поделится для своего сайта и при этом не использовали ни одного стороннего сервиса для этого.
Пользуйтесь на здоровье, будут вопросы задавайте в комментариях, нужно будет добавить какую то другую кнопку поделится которой нету в скрипте, так же милости просим в комментарий к статье.
PS: Если вам нужен готовый интернет магазин но нет времени и желания заниматься его разработкой, вы можете купить уже готовый сайт интернет магазина недорого в нашей веб студии.
ДЕМО ПРИМЕР
Так же вы можете скачать готовые исходники ниже.
СКАЧАТЬ СКРИПТ
Этот контент заблокирован!!!
Поделитесь этой страницей, чтобы получить доступ к скрытому контенту!
Зачем нужны кнопки «Поделиться» на сайте
Кнопка «Поделиться» на сайте позволяет пользователю разместить ссылку на материал у себя в соцсети. Эта кнопка похожа на виджет «Мне нравится», но заточена только под одно действие.
Некоторым людям удобно «расшаривать» (от английского share — «делиться») статью у себя на стене, чтобы прочитать ее позже, поэтому виджет «поделиться» приходится здесь как нельзя кстати.
В ВК кнопка поделиться называется «Опубликовать ВКонтакте», в Одноклассниках «Поделиться», в Твиттере — «Твитнуть», в Фейсбуке — Share.
Виджет для публикации ссылок на сайт в соцсетях, как и кнопка лайка, являясь частью пользовательского интерфейса решает задачи не только удобства для читателей, но и помогает в раскрутке сайта.
Кнопки поделиться в соц сетях для сайта:
- Привлекают дополнительный трафик.
Ссылку на сайт видит не только владелец страницы, но и его друзья и просто подписчики. А за счет репостов и ретвитов аудитория ссылки расширяется в геометрической прогрессии. При этом в Вконтакте ссылка появляется еще и в новостях. - Ускоряют индексацию страниц, так как поисковики сканируют социальные сети чаще, и новые материалы, на которых есть ссылки вконтакте или фейсбуке, быстрее попадают в выдачу.
- Продвигают бренд, повышают узнаваемость. Рекомендационный характер виджета повышает доверие к сайту.
- Создают естественный ссылочный профиль сайта, делают его разнообразным. Поисковики высоко ценят ссылки из соцсетей, они повышают авторитет сайта.
Как разместить кнопку поделиться на сайте.
Соцсети предоставляют собственные скрипты кнопок для установки на сайт. У каждой из них в разделе для разработчиков (как правило, он располагается в самом низу сайта) есть конструкторы кнопок.
Есть еще один способ: воспользоваться инструментами сторонних разработчиков, которые позволяют конструировать многофункциональные блоки сразу с несколькими кнопками.
- Плюсы такого способа:
- единообразие во внешнем виде кнопок
- возможность просмотреть статистику в одном месте
Например, такой сервис есть у Яндекса, Pluso, Social Likes и другие.
Код кнопки поделиться для сайта можно поставить сразу на все страницы, а можно на отдельные материалы. Конечно, не нужно размещать социальные виджеты на странице контактов, на пользовательских страницах.
Виджеты для расшаривания особенно полезны в интернет-магазинах, в блогах, в случаях, когда нужно продвинуть свою экспертность. Они позитивно влияют на ранжирование сайта в поисковой выдаче и играют большую роль в распространении контента и раскрутке сайта.
Нужен настоящий SEO-сайт и интернет-реклама? Пишите, звоните:
Наша почта:
Единая справочная: 8 (843) 2-588-132
WhatsApp: +7 (960) 048 81 32
Оставить заявку
Добавление кнопки «Поделиться» в соцсетях на сайт
- Подробности
- Категория: Блогобзор
- Автор: SEO & WEB — KELL4
Добавление кнопок «Поделиться» и «Нравится» социальных сетей на свой сайт
Зачем это нужно? Социальные сети приобрели большую популярность в наше время, мы общаемся с друзьями, обмениваемся новостями, фотографиями и т.д. При этом многие компании стремятся поделиться информацией о себе именно в соцсетях: привлечь клиентов, заявить о новых услугах и товарах, добавить известность своему бренду. Поэтому социальный фактор пользуется большой популярностью и быстро набирает обороты. А кнопки «Поделиться в социальных сетях» один из самых простых способов рекламы, посетитель вашего сайта может с легкостью выложить понравившуюся ему страницу сайта в какой либо социальной сети, тем самым внесет свою лепту в рекламировании ваших товаров либо услуг.
Создать, добавить, установить, поставить кнопки нравиться и поделиться на сайт от Google+
Перейдите по ссылке [создать кнопку]
Создать, добавить, установить, поставить кнопки нравиться и поделиться на сайт от Facebook
Перейдите по ссылке [создать кнопку]
Кнопки «Поделиться» в соцсетях от Yandex
Здесь мы предлагаем воспользоваться сервисом по созданию целого блока кнопок поделиться.
Не просто кнопка, а целый блок кнопок предлагает нам поисковая система Yandex. Довольно удобно, быстро создается и настраивается, а готовый код добавляется на любую страницу сайта или в шаблон. На данный момент используется 12 (Я.ру, Вконтакте, Facebook, Twitter, Одноклассники, МойМир, Livejournal, Friendfeed, Мой круг, Google+, Pinterest, Surfingbird) самых популярных социальных сетей в России, при этом данный сервис постоянно обновляется и улучшается командой яндекса. Кстати, кнопки «Поделиться» (Share button) очень полезны для поискового продвижения (SEO).
Удобный в создании и добавлении на сайт блок кнопок социальных сетей «Поделиться» (SHARE buttons) от Яндекса.
Чтобы перейти к созданию блока социальных сетей нажмите на ссылку [создать кнопку «Поделиться»], как представлено на примере, можно выбрать несколько вариантов внешнего вида.
Кнопки Поделиться на сайт настройка — Встроенные сервисы конструктора uCoz/Юкоз — Делаем сайт на Юкоз — Уроки создания и продвижения сайта
Реклама от Яндекса
Установка и настройка кнопок Поделиться для сайта
Различных наборов и конструкторов кнопок «Поделиться в соцсетях» существует великое множество. В данном уроке пойдёт речь о том как создать, настроить и разместить на страничках Вашего сайта набор социальных кнопок от конструктора Usocial
Чем же хорош набор именно этих Социальных кнопок? Начнём с того, что данный конструктор предоставляет несколько вариантов социальных сервисов.
Кнопки «Поделиться» лишь один из них! После Регистрации в Usocial Вам станут, также, доступны такие возможности как: Кнопка «uLike»; Социальный замок; Привлечение посетителей.
Сервис Usocial предоставляет возможность установки на Ваш сайт как безплатной версии своих продуктов, так и Pro — вариантов, то есть за денюжку.
Я расскажу именно о безплатном вариант Кнопок Поделиться соц бара Usocial.
Первое что нужно сделать — это Зарегистрироваться на сайте Usocial
В принципе, Вы можете и не заморачиваться с регистрацией. Разработчики платформы, предоставляют Вам возможность разместить их соцкнопки в «анонимном» варианте, но тогда Вам будут недоступны некоторые полезные функции системы.
Такие, к примеру, как расширенная статистика взаимодействия посетителей Вашего сайта с данными кнопками, ну и, естественно, платные возможности можно активировать, только, после регистрации в системе.
В общем выбирайте какой вариант для Вас предпочтительней и вперёд!
Я начну знакомить Вас с сервисом кнопок Поделиться от Usocial именно с процесса регистрации
Вы можете создать новый аккаунт в системе или авторизоваться при помощи учётной записи в одной из соцсетей, в которой она у Вас, уже, есть:
Итак Вы, успешно, вошли в систему.
Создадим и настроим свой первый набор соц кнопок Поделиться для сайта:
После нажатия на ссылку «Создать набор» Вы попадёте на страницу на которой сможете выбрать необходимые Вам кнопки социальных сетей или один из сервисов:
Как видите выбор инструментов, для раскрутки Вашего сайта в соцсетях, довольно велик. При желании Вы можете задействовать на своём сайте весь арсенал средств от Usocial
Так как основная цель этой статьи рассказать и показать Вам как создать набор кнопок Поделиться для Вашего сайта, то этим я и займусь, более, плотно.
А о остальных сервисах от Usocial я, возможно, расскажу в своих следующих статьях.
Поэтому кликаем на ссылку «Создать набор» под сервисом «Поделиться» или на саму картинку:
И приступаем к к созданию Вашего набора кнопок Поделиться в соцсетях. Вы можете добавить в этот набор произвольное количество иконок соцсетей.
Выбирайте хоть все, но учтите, что, в этом случае, блок кнопок Поделиться займёт довольно много места на Вашем сайте!
Так что не забывайте про здравый смысл и не поддавайтесь искушению обвесить Ваш сайт по максимуму различными кнопочками и прочими «фишками». Берите, только то, что Вам реально необходимо:
После того как Вы определились с кнопками соцсетей, которые будут представлены в Вашем наборе блока Поделиться, пора приступить к настройке внешнего вида и функциональности данного набора.
Надо отметить, что основные «плюшки» разработчики предлагают, только, тем кто оплатит один из Премиум пакетов, однако самые необходимые и нужные настройки доступны, также, и в безплатной версии Социальных кнопок для Вашего сайта.
Ознакомьтесь с возможностями конструктора кнопок Поделиться для сайта
Я представлю Вам беглый обзор всех доступных настроек, как в платном, так и в безплатном вариантах:
1. Эффекты при наведении курсора на кнопку. В безплатном варианте соцкнопок анимация отсутствует. Зато доступны для выбора форма и стиль кнопок, а, также несколько вариантов цветового и стилистического оформления созданного Вами набора:
2. Далее Вам предоставляется возможность выбора местоположения кнопок для сайта «Поделиться в соцсетях» и их размера. Помните, что Вы, всегда, сможете изменить эти настройки в будущем. Поэтому, смело, экспериментируйте для достижения нужного Вам результата:
3. На следующем этапе настройки Вы можете выбрать варианты отображения счётчиков «расшаривания» Ваших материалов и их местоположение относительно кнопок.
Также, если на Вашем сайте, до сих пор, не установлена такая полезная штука как Кнопка «Наверх», Вы можете, прямо сейчас, «прицепить» её к Вашему блоку Поделиться.
Ваши посетители, несомненно, будут благодарны Вам за подобный сервис, особенно, если страницы Вашего сайта довольно длинные. Как на моём сайте, к примеру.
4. Ещё, дополнительные, настройки кнопок:
5. Ну и, наконец, на заключительном этапе настройки кнопок Поделиться в соцсетях необходимо придумать название для Вашего набора кнопок и ввести адрес сайта на котором Вы хотите разместить Ваши социальные кнопки:
Далее нажимаете на кнопку «Сохранить код» внизу страницы настройки.
Ваш набор социальных кнопок Поделиться настроен и готов к установке на сайт
О том как и куда вставить код кнопок я расскажу в статье Как добавить кнопки Поделиться в соц — сетях на свой сайт
Если Вам понравилась эта статья — не забывайте ставить «лайки», делать репосты и делиться моими уроками в соц-сетях, на своих страничках и на страничках своих друзей. Это поможет продвижению моего сайта.
Подписывайтесь на обновления моего сайта, чтобы оперативно узнавать о выходе новых статей о создании и раскрутке сайта или интернет магазина своими силами.
Оформите подписку на новые уроки портала «Уроки создания и продвижения сайта» по электронной почте
Также, Вы можете следить за моими новыми уроками в соцсетях:
Группа в Контакте: Делаем сайт с нуля
Канал в Яндекс Дзен: Делаем и продвигаем сайт
Мой блог на платформе blogspot.ru: Делаем сайт с нуля
Моя группа в Фейсбук: Пошаговое создание сайта с нуля
Блог в SKIES: Делаем сайт с нуля самостоятельно
Страничка в соцсети Твиттер: Сайт своими руками
Дневник в liveinternet: Создание и продвижение сайта самостоятельно
Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина
Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com
Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно, доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : )
Мой кошелёк в Яндекс Деньги
Вы можете сделать пожертвование как со своего счёта в Яндекс Деньги, так и при помощи банковской карты. Выберите приемлемый вариант напротив поля с суммой Вашего перевода.
Также возможны пожертвования на мои электронные кошельки в международной системе расчетов WebMoney.
Номера кошельков WebMoney
Рублёвый: R589320584698
Валютный ( доллары США ): Z615062175442
Если Вы заметили какую либо ошибку на сайте или в статье — просьба сообщить об этом в комментариях!
Удачи в создании и продвижении собственного сайта или интернет — магазина!
Оформите подписку на получение новых статей на вашу электроную почту
Если интернет-пользователям нравится какой-либо сайт, то они могут захотеть поделиться ссылкой на него со своими друзьями в социальных сетях. Классическим способом это можно сделать так: скопировать ссылку в адресной строке браузера, перейти на свою страницу в нужной социальной сети, открыть форму публикации постов, вставить скопированную ссылку, а затем опубликовать ее. Согласитесь, все это слишком долго и сложно, что в условиях того ритма, в котором «живет» современный интернет, просто недопустимо.
С помощью кнопок «Поделиться в социальных сетях» весь процесс публикации ссылки на странице пользователя в социальных сетях можно, в свою очередь, упростить до одного клика: посетитель сайта нажимает на нужную кнопку и запись со ссылкой тут же безо всяких дополнительных усилий появляется на его «стене». Удобно, не правда ли? При этом времени на весь процесс публикации ссылки уходит минимум — буквально пара секунд.
Автоматизированная публикация ссылок на сайты через кнопки социального шаринга доказала свои преимущества перед ручным методом, и в настоящее время практика установки кнопок «Поделиться в социальных сетях» чрезвычайно распространена. Но открытым остается вопрос о том, какие же именно социальные сети должны быть представлены в блоке с такими кнопками на сайте, а также о том, как правильно установить эти кнопки для получения максимального эффекта.
Выбор социальных сетей для кнопок шаринга обуславливается во многом особенностями контента, который публикуется на сайте. К примеру, нет необходимости устанавливать на сайт кнопку Pinterest, если на сайте не представлен визуальный контент. В то же время такой выбор основывается и на предпочтениях целевой аудитории: если, скажем, какая-то социальная площадка не пользуется спросом у посетителей или же если она вообще не известна среди представителей целевой аудитории сайта, то и предлагать ее для распространения контента смысла нет.
В настоящее время существует достаточно много онлайн-сервисов, в которых можно «на лету» сформировать и настроить требуемый блок социальных кнопок «Поделиться» и получить в результате код для вставки на сайт. Самый популярный из таких сервисов — инструмент под названием «Блок Поделиться и кнопка Напомнить» от Яндекса (api.yandex.ru/share). Чтобы воспользоваться этим инструментом, достаточно выбрать в предлагаемом списке желаемые социальные сети, выбрать вариант отображения блока с кнопками на сайте и скопировать сформированный код в нужное место страницы сайта.
После установки на сайт кнопок «Поделиться в социальных сетях» самое важное — это правильно распорядиться полученным результатом, ведь даже есть на сайте представлен очень широкий выбор подобных кнопок, то это еще не значит, что посетители сразу же начнут активно публиковать у себя на страницах в социальных сетях ссылки на этот сайт. Если контент сайта не вызывает интереса, если никакой пользы посетителям распространение этого контента не дает, то эффекта от кнопок шаринга будет мало или же он будет отсутствовать вообще.
Вот почему важен в данном вопросе комплексный подход: нужно не просто установить на сайт кнопки шаринга, но и обеспечить также регулярное наполнение сайта интересной и полезной для целевой аудитории информацией, чтобы посетителям действительно захотелось поделиться ссылками со своими друзьями и близкими в социальных сетях. Для этого удобнее всего обратиться в профессиональные веб-студии за услугами развития и поддержки сайтов.
Студия веб-дизайна WebStudio2U предлагает комплексное продвижение и поддержку сайтов. В зависимости от тематики и особенности вашего сайта наши специалисты подберут для вас оптимальный перечень услуг, помогут разработать стратегию продвижения, обеспечат постоянное обновление контента сайта для поддержки интереса к нему как со стороны поисковых систем, так и со стороны посетителей.
Узнайте подробнее, как именно может помочь развитию и продвижению вашего сайта наша веб-студия WebStudio2U, заполнив онлайн-заявку на поисковое или социальное продвижение либо на поддержку сайтов.
Теги:кнопки поделиться в социальных сетях, |
Что такое кнопки социальных сетей и как они влияют на…
Кнопки социальных сетей дают клиентам возможность отображать свои покупки в электронной коммерции на Facebook, Twitter, Pinterest или других платформах. Большинство онлайн-покупателей также используют по крайней мере одну форму социальных сетей, поэтому эти кнопки создают бесплатное продвижение интернет-магазина. Включите эту функцию на страницах отдельных продуктов, чтобы привлечь внимание к конкретным товарам. Кнопки социальных сетей также добавляют удобство пользователям, которые хотят опубликовать конкретный продукт, за счет устранения дополнительных шагов по копированию, вставке и публикации на отдельном веб-сайте.
Выбор социальных сетей для интеграции с интернет-магазином
Хотя владельцы интернет-магазинов могут выбрать практически любую социальную сеть для совместного использования, некоторые платформы более актуальны, чем другие. Facebook и Pinterest — это сети с высокой степенью визуализации, и некоторые потребители используют Pinterest в качестве цифрового списка желаний. LinkedIn не подходит для этой функции, потому что размещение продуктов не соответствует тому, как большинство участников используют платформу. Кроме того, у Google Plus не так много пользователей, как у Facebook или Twitter, поэтому общие записи не будут привлекать столько внимания.Ограничение его до Facebook, Twitter и Pinterest не позволяет клиентам отвлекаться на беспорядок на страницах продуктов.
Когда следует использовать кнопки социальных сетей?
Помимо разумного использования этих кнопок, важно разместить их там, где они не будут отвлекать от покупки. После того, как кто-то совершит покупку, дайте ему возможность поделиться ею. Однако тонкие кнопки публикации на страницах продуктов побуждают покупателей размещать товары в социальных сетях, чтобы помнить их на потом.Социальный обмен никогда не должен отвлекать от цели увеличения продаж.
Важно учитывать целевую аудиторию интернет-магазина. Пожилые поколения потребителей делают покупки в Интернете, но с меньшей вероятностью будут делиться покупками с другими, даже если они также используют социальные сети. В зависимости от категории продукта кнопки социальных сетей иногда не нужны.
Основным преимуществом кнопок социального обмена является усиление многоканального продвижения, что положительно влияет на влияние в Интернете.Однако дизайн кнопки имеет большое значение. Кнопки социальных сетей со счетчиками снижают конверсию на некоторых сайтах. Большое количество акций укрепляет доверие потребителей к продукту, но низкое количество акций или их отсутствие подрывают доверие.
Как создать кнопки, удобные для конвертации
Кнопки социальных сетей часто эффективны для усиления социального доказательства. Показ потенциальным клиентам, сколько других людей купили и порекомендовали продукт, помогает им доверять покупке.Вот несколько способов эффективного использования кнопок социальных сетей:
- Протестируйте все: A / B-тестирование помогает владельцам интернет-магазинов определить наилучшее расположение кнопок на страницах товаров, оптимальный размер и эффективность счетчиков. A / B-тестирование также определяет, какая версия страницы преобразуется лучше: с кнопками социальных сетей или без них.
- Удалить счетчики акций с кнопок: Поскольку небольшое количество акций может снизить коэффициент конверсии, удаление счетчика акций — лучший вариант, если только владельцы интернет-магазинов не уверены, что увидят высокие цифры для определенных продуктов.
- Сделайте продажи приоритетом перед продвижением в социальных сетях: Бесплатная реклама в социальных сетях — это здорово, но основная цель — повысить конверсию. Важно, чтобы кнопки социальных сетей не мешали покупательскому процессу. Использование кнопок меньшего размера дает возможность делиться контентом для желающих, не отвлекая пользователей от работы тех, кто этого не делает. Кнопки большего размера отвлекают потребителей от завершения транзакции.
- Сохраните кнопки социальных сетей для страницы подтверждения: Поскольку кнопки социальных сетей могут отвлекать клиентов на страницах продуктов, ожидание подтверждения покупки является оптимальным временем для поощрения обмена.Клиенты уже чувствовали себя достаточно уверенно, чтобы купить продукт, что позволяло им с большей вероятностью выразить свое волнение и поделиться покупкой в социальных сетях.
Действительно ли люди используют кнопки социального обмена? : efelle creative, Сиэтл, WA
Вы видите значки социальных сетей на сайтах по всему Интернету, но действительно ли люди их используют?
В своем блоге Майк Хейворд из Copacino + Fujikado определил шесть самых опасных слов в рекламе. Это шесть слов, которые мы все слышали — от клиентов, от нашей команды или, может быть, в наших головах, — и это шесть слов, которые часто определяют то, как мы разрабатываем наши стратегии контент-маркетинга:
«А потом поделятся.”
Эти слова опасны, потому что они предполагают, что возможность совместного использования концепции, кампании или части контент-маркетинга заложена прямо в процесс создания контента. Независимо от того, что вы делаете, последний шаг — кто-то поделится этим от вашего имени и, таким образом, распространит ваше сообщение. К сожалению, на самом деле потребители действуют не так — как бы мы ни хотели, чтобы они этого не сделали.
Это очевидно в одном очень популярном элементе веб-дизайна. Это то, что есть почти на каждом веб-сайте, и каждый клиент, который запрашивал веб-сайт за последние пять лет, хочет.Это также то, что по статистике очень немногие пользователи действительно используют, если они не спроектированы и внедрены действительно хорошо.
Статистика кнопки социального обмена
Кнопки социальных сетей повсюду. Вы знаете, это маленькие значки для Facebook, Twitter, Pinterest и других социальных сетей. Вместо того, чтобы копировать и вставлять ссылку на элемент, сообщение в блоге или продукт на странице, зритель может просто нажать кнопку, и часто появляется автоматически заполненный твит статуса Facebook.
Эти кнопки кажутся отличной идеей — в конце концов, они позволяют легко делиться вашим контентом! — однако пользователи почти никогда ими не пользуются. Действительно! Отчет Moovweb показал следующее, согласно AdWeek:
- Moovweb изучил 61 миллион мобильных сеансов и обнаружил, что 99,8% мобильных пользователей никогда не нажимают кнопки социальных сетей. Фактически, мобильные пользователи в 11,5 раз чаще нажимают на рекламу, чем на кнопки социальных сетей.
- Desktop чаще нажимают на кнопки социальных сетей (примерно на 35% чаще), но они по-прежнему предпочитают делиться ссылками по-своему, а не использовать эти кнопки.
По данным Moovweb, пользователи
В чем дело?
Почему кнопки социальных сетей тянутся
Причина, по которой многие пользователи, особенно на мобильных устройствах, не используют кнопки публикации в социальных сетях, сводится к простому недоверию.
Раньше кнопки социальных сетей были непредсказуемыми; вы можете нажать кнопку «Твитнуть это» только для того, чтобы увидеть, что автоматически созданный твит со странной разметкой HTML или обрезанным текстом был отправлен всем вашим подписчикам.
Это связано с тем, что многие веб-дизайнеры внедрили кнопки обмена в социальных сетях, , но не сделали так, чтобы фактический общий контент выглядел так, как если бы им делился человек .Все мы знаем, что социальные сети — это личное; когда пользователь чем-то делится, он что-то рассказывает своей аудитории о себе и хочет, чтобы это хорошо выглядело. Искаженный текст или пиксельные фотографии этого не сделают.
Это создало уровень недоверия среди пользователей. Вместо того, чтобы предполагать, что кнопка обмена в соцсетях будет генерировать удовлетворительный статус твита или Facebook, они вместо этого стали копировать и вставлять ссылки и добавлять свое собственное сообщение.
Тем не менее, это также означает, что при правильном дизайне и мыслительном процессе маркетологи могут создавать кнопки обмена в социальных сетях, которые действительно работают на пользователя.
Когда кнопки обмена в социальных сетях имеют смысл
Во-первых, важно определить, заслуживает ли ваш контент публикации, или чем пользователь может поделиться. Если у вас есть магазин электронной коммерции, публикация в Pinterest определенно имеет смысл. Если вы пишете сообщения в блоге, на которые может ответить множество людей, вам могут подойти Facebook и Twitter.
Подумайте о том, чтобы проявить творческий подход, используя способы, которыми люди могут поделиться в обществе. Два веб-сайта, Medium и The Establishment, предлагают хорошие примеры.
В сообщениях блога Medium пользователи могут выделить текст. Затем они могут превратить изюминку в твит. Таким образом, пользователи могут выбрать часть статьи, которую они хотят опубликовать в Твиттере, и она автоматически отправляется с именем пользователя автора сообщения и дескриптором Medium.
Пример выделения текста в статье Medium.
Точно так же на сайте The Establishment есть заранее подготовленные цитаты, которые можно опубликовать в Твиттере. Это позволяет пользователям твитнуть заранее подготовленные объемы статьи, и, опять же, их твиты автоматически включают автора и публикацию, позволяя большему количеству людей видеть твит и взаимодействовать с ним.
Что касается Facebook, обратите внимание на сам Facebook — их функция мобильного обмена позволяет пользователям настраивать ссылки и контент, что гарантирует, что люди могут публиковать именно то, что они хотят, как они хотят.
Pinterest пик интереса
По мере того, как популярность Pinterest растет вместе с блоггерами и влиятельными лицами, стремящимися продавать товары, люди также «прикрепляют» статью. Это смещается в сторону кулинарии, поделок и другого контента, который считается «полезным» или «вдохновляющим».»
Некоторые из отраслей, которые преуспевают в Pinterest, включают:
- Одежда
- Ящики для подписки
- Мебель и декор
- Крафтовые сайты / сайты перепродажи (например, Etsy)
- Еда и напитки
- Здоровье и фитнес
В качестве отличного примера сайта, делающего доступ к Pinterest, посмотрите такие сайты, как Refinery 29, которые прикрепляют кнопки социальных сетей к каждому изображению в каждой статье, позволяя пользователям решать, какую фотографию они хотят разместить на своей доске.
Простого нажатия кнопки социального обмена на вашем сайте недостаточно, чтобы заставить пользователей распространить ваше сообщение, и если предположить, что это может привести вас в мир боли (или, по крайней мере, неутешительную рентабельность инвестиций). Вместо этого сосредоточьтесь на двух вещах: сильном контенте и кнопках, которые действительно подходят клиентам там, где они живут. Если ваш контент достаточно хорош, люди, вероятно, поделятся им, но предложение настраиваемых, простых в использовании кнопок общего доступа может помочь им быстрее добраться до него.
Готовы создать кнопки обмена в социальных сетях, которые действительно работают?
efelle creative — это маркетинговое агентство из Сиэтла, которое специализируется на дизайне и разработке веб-сайтов, поисковой оптимизации и других услугах онлайн-маркетинга.С 2005 года efelle creative работала с сотнями компаний, чтобы помочь им оптимизировать свою стратегию цифрового маркетинга.
Заполните форму ниже, и один из наших цифровых стратегов скоро свяжется с вами!
Как добавить кнопки общего доступа в социальных сетях в блог WordPress?
Не знаете, как добавить кнопки публикации в социальных сетях в блог WordPress? Не волнуйся! Эта статья вам поможет.
Если вы блогер, то очень важно поддерживать связь со своими читателями / пользователями.И самый простой выход — через социальные сети. На сегодняшний день это одна из самых больших платформ для связи с другими и даже для продвижения вашей работы.
Вашим читателям очень просто делиться вашими публикациями в социальных сетях с помощью кнопок публикации в социальных сетях. Как только вы добавите их на свой сайт, посетители смогут мгновенно поделиться вашим контентом одним щелчком мыши. В конечном итоге это улучшит посещаемость вашего блога и увеличит конверсию.
Вы можете спросить, как мне добавить эти кнопки публикации в социальных сетях в мои блоги? Не волнуйтесь, мы написали полное руководство специально для вас.Так что продолжайте прокручивать.
Зачем использовать кнопки социальных сетей в WordPress?
Нет сомнений в том, что социальные сети — одна из самых больших платформ для распространения вашей работы. По данным Statista, в 2020 году социальные сети во всем мире использовали более 3,6 миллиарда человек? И, по оценкам, к 2025 году он увеличится почти до 4,41 миллиарда.
Вы можете представить себе силу социальных сетей по этим цифрам. Если вас это не убедило, мы обсудили некоторые преимущества добавления кнопки публикации в социальных сетях в ваш блог WordPress ниже.
1. Больше посетителей на ваш сайт:
Кнопки
Social Share позволяют всем читателям / клиентам делиться вашим постом в своих социальных сетях, чтобы их подписчики и друзья увидели ваш пост. Если им понравится, они также прочитают ваши работы и поделятся ими, создав цепочку. Следовательно, увеличение посещаемости вашего сайта.
2. Привлекайте больше потенциальных клиентов и продавайте:
Лидогенерация — это процесс, при котором вы можете превратить своих потенциальных пользователей в реальных покупателей.Проще говоря, вы побуждаете пользователей покупать ваши продукты. Когда у вас появятся настоящие и лояльные клиенты, они смогут увеличить ваши продажи.
Ваши постоянные клиенты могут делиться вашими сообщениями / страницами с помощью кнопок социальных сетей. Это привлечет больше пользователей, и они в конечном итоге могут превратиться в ваших покупателей. И таким образом вы можете привлечь больше потенциальных клиентов и увеличить продажи.
3. Повышение репутации бренда:
Используя кнопки социальных сетей, ваши клиенты / читатели легко делятся положительным мнением о ваших продуктах или публикуют в своей хронике.По мере того, как все больше и больше людей начинают это делать, репутация вашего бренда будет улучшаться, и вы будете выделяться среди конкурентов.
Как добавить кнопку «Поделиться в соцсетях» в WordPress?
А теперь пошаговая инструкция по добавлению кнопок публикации в социальных сетях в блог WordPress.
Шаг 1. Выбор лучшего подключаемого модуля для публикации в социальных сетях
Если вы энтузиаст WordPress, вы должны знать, что есть плагины почти для всего.Это означает, что есть также плагин для добавления кнопок социальных сетей в ваш блог WordPress.
Поскольку в Интернете так много плагинов для кнопок социальных сетей, вы можете запутаться. Выбор правильного плагина — важная часть этого процесса. Вот несколько вещей, которые следует учитывать.
- Обновления: Устаревший плагин может представлять угрозу безопасности для вашего сайта, поэтому убедитесь, что он недавно обновлялся.
- Обзоры пользователей: Плагин с хорошими отзывами и рейтингами означает, что многие люди могут поручиться за его полезность.
- Поддержка: Если возникнут какие-либо проблемы, разработчики смогут помочь вам с ними справиться.
- Дизайн: Плагин должен позволить вам легко создавать кнопки с большим количеством вариантов дизайна.
Учитывая все это, у нас есть плагин, который соответствует этим критериям, и это наш собственный Easy Social Sharing.
Как вы сами видите, у этого плагина есть 5-звездочные отзывы пользователей, а также частые обновления. Прежде всего, Easy Social Sharing позволяет вам добавлять в свой блог все основные социальные сети, от Facebook до Pinterest.Кроме того, он предоставляет вам множество вариантов стилей и макетов.
В заключение, плагин проверяет все, что должно быть у хорошего плагина. И мы обеспечиваем отличную поддержку.
Шаг 2. Установка подключаемого модуля Easy Social Sharing
Второй шаг — установить плагин Easy Social Sharing. И для этого вот краткое объяснение того, как вы можете устанавливать плагины.
Первым делом вам необходимо войти в свою панель управления WordPress и перейти к Plugins >> Add New .
Теперь просто напишите « Easy Social Sharing » в поле « Search Plugins ». Когда плагин появится, нажмите кнопку « Установить сейчас ». Наконец, не забудьте активировать плагин, нажав кнопку « Активировать ».
И точно так же вы можете установить плагин Easy Social Sharing в свою панель управления WordPress. Теперь плагин готов к использованию.
Шаг 3. Настройте параметры совместного использования в социальных сетях и добавьте на свой сайт
Теперь вы можете настроить параметры совместного использования в социальных сетях и добавить кнопки совместного использования на свой сайт.
В меню управления перейдите к параметрам « Settings » и нажмите « Easy Social Sharing ».
После этого вы попадете на следующую страницу, где сможете настроить кнопки публикации в социальных сетях. Вверху вы можете увидеть три варианта: General , Network и Layouts . Эти три варианта обсуждаются ниже.
I. Общие параметры
В этом разделе вы можете выбрать расположение ваших кнопок, настраиваемые экраны, поведение мобильных устройств и отображение главной страницы.Вот как вы можете установить эти параметры.
a) Конкретные места:
Этот параметр позволяет решить, куда вы можете добавить кнопку «Поделиться» в социальных сетях. У вас есть два варианта: Inline и Sidebar .
Если вы выберете встроенный, ваши кнопки совместного доступа появятся над или под содержимым. Как вы видите, наши кнопки публикации в социальных сетях находятся как над, так и под контентом. Это потому, что мы включили встроенный параметр.
Точно так же, если вы выберете опцию боковой панели, ваши кнопки совместного доступа появятся в левой или правой части экрана.
b) Пользовательский экран (и):
Этот параметр позволяет вам выбрать, хотите ли вы отображать кнопку «Поделиться» в социальных сетях на всех ваших публикациях, страницах или нет. Вы можете отображать кнопки на всех своих сообщениях и страницах. Или выберите отображение кнопок только на определенных публикациях и страницах.
Вот параметры, которые вы можете включать и отключать по своему усмотрению. Вы можете получить эту опцию, щелкнув раскрывающееся меню.
- Отображать на всех экранах: Позволяет отображать кнопки социальных сетей на всех ваших публикациях, страницах, а также в шаблонах.
- Отображать на всех экранах, кроме…: Позволяет отображать кнопки социальных сетей на определенных сообщениях или страницах, кроме выбранной.
- Отображать на определенных экранах: Позволяет отображать кнопки на определенных сообщениях или страницах из текстового поля «Разрешить определенные экраны».
c) Дисплей передней страницы:
Эта опция позволяет отображать кнопки социальных сетей на главной странице i: e Home.
г) Мобильное поведение:
Вы можете отключить отображение кнопок социальных сетей, пока ваши пользователи просматривают страницы с мобильных устройств.
Когда вы будете удовлетворены изменениями, не забудьте нажать внизу кнопку « Сохранить изменения ».
II. Опции сети
Параметры сети
имеют еще два варианта — Социальные сети , Социальные сети .
а) Социальные сети
В разделе «Социальные сети» вы можете добавлять или удалять социальные сети.
В списке сетевых страниц по умолчанию уже есть 4 сети — Facebook, Twitter, LinkedIn и Pinterest.Чтобы добавить новую сеть, просто нажмите « Добавить социальную сеть » в правом нижнем углу.
Просто щелкните раскрывающееся меню, и вы увидите множество вариантов, из которых вы можете выбрать. Выберите желаемую сеть, добавьте описание, а также минимальное количество.
Минимальное количество — это количество репостов, сделанных вашими читателями. Предположим, вы выбрали минимальное количество равным 5, тогда общего количества не будет, если общее количество не достигнет 5 для конкретной сети.
Вы также можете заменить существующие сети и добавить новую. Для этого нажмите кнопку « Edit » под названием сети. Затем просто выполните указанные выше действия — выберите желаемую сеть, добавьте описание и минимальное количество.
Вы также можете удалить сеть, нажав кнопку « Удалить ».
б) Социальные возможности
В этом разделе вам необходимо установить учетные данные для доступа к функциям, связанным с социальной сетью.
- Имя пользователя Twitter: Если вы добавите имя пользователя, всякий раз, когда кто-то делится вашими сообщениями / страницами, вам будет предоставлена ссылка на твит.
- Идентификатор приложения Facebook: Чтобы получить идентификатор приложения Facebook, вам необходимо преобразовать свою учетную запись Facebook в учетную запись разработчика. Во-первых, вам нужно зарегистрировать свое приложение с помощью панели управления приложения.
- Секрет приложения Facebook: Получите секреты Facebook и идентификатор приложения по этой ссылке
- Поддерживаемые сети API: Включите этот параметр, чтобы обеспечить поддержку сетей, поддерживаемых API.
После того, как вы добавили сети по вашему выбору и включили параметры социальных сетей, нажмите кнопку « Сохранить изменения, » внизу.
III. Варианты раскладки
Вы можете увидеть опцию « Layouts » вверху вместе с опциями « General » и « Networks ». Когда вы нажмете на эту опцию, вы попадете на страницу настроек макета.
Варианты макета имеют еще 3 варианта — Варианты макета , Встроенный макет и Макет боковой панели .
a) Варианты компоновки
На этой странице вы можете установить любой цвет по вашему выбору.
- Пользовательский цвет: Включите этот параметр, чтобы установить собственный цвет. Как только вы включите эту опцию, фон по умолчанию и цвет фона при наведении курсора могут быть перезаписаны.
- Цвет фона: Выберите цвет фона для значков социальных сетей по вашему выбору.
- Цвет фона при наведении курсора: Выберите цвет фона при наведении курсора для значков социальных сетей.
б) Встроенная компоновка
Форма значка: Выберите одну из 4 различных форм для кнопок; квадратные, прямоугольные, скругленные, скругленные и диагональные.
Выберите макет: Здесь вы можете изменить расположение кнопок общего доступа. Вы можете выбрать один из шести различных вариантов.
- Включить ярлык сетей: Включение этого параметра позволяет отображать название сайта социальной сети вместе со значками на кнопках совместного доступа.
- Включить подсчет репостов в социальных сетях: Включив эту опцию, вы можете отображать количество репостов определенного поста или страницы.
- Показать счетчик общего количества репостов: Эта опция позволяет вашим пользователям просматривать общее количество репостов всех ваших постов и страниц во всех социальных сетях.
- Показать все сети: Включение этого параметра поможет вам добавить все социальные сайты, чтобы они были доступны или не были доступны для совместного использования.
Аналогично, вот вариант, который вы получаете, когда нажимаете на опцию « Sidebar layout » рядом с « Inline layout ».
- Форма значка: Выберите форму значка. Вы можете выбирать между квадратными, закругленными и изогнутыми краями.
- Ориентация макета: Выберите между левой и правой средними разделами браузера.
- Включить подсчет общего доступа: Позволяет отображать общее количество подсчетов общего доступа для определенных сообщений или страниц.
- Показать счетчик общего количества репостов: Позволяет пользователям просматривать общее количество репостов во всех социальных сетях.
- Показать все сети: Включение этого параметра поможет вам добавить все социальные сайты, чтобы они были доступны или не были доступны для совместного использования.
Мы упоминали много раз, но вот еще раз напоминание. Не забудьте нажать кнопку « Сохранить изменения ».
Заключение
Плагины
для социальных сетей могут стать вашим верным другом при правильном использовании. Следовательно, вы должны выбрать правильный плагин. И Easy Social Sharing — лучший плагин.
Easy Social Sharing не только позволяет вашим пользователям делиться вашими сообщениями / страницами на своей временной шкале, но также вы можете включить кнопку подсчета общего доступа. Включение этого параметра сделает видимым общее количество репостов, которыми пользуются ваши сообщения / страницы.
И это все, что мы можем сказать о том, как добавить кнопки публикации в социальных сетях в блог WordPress. Надеюсь, эта статья была полезной, и вы смогли добавить кнопки социальных сетей к своим сообщениям / страницам. И если да, не забудьте сообщить нам об этом, оставив комментарий ниже.
Вам настолько понравилась эта статья, что вы хотите продолжить чтение? Вот статья о том, как добавить контактную форму в WordPress. Кроме того, следите за нами в Twitter и Facebook, чтобы следить за обновлениями в будущем.
Наконец, не забудьте поделиться этой статьей со своими друзьями и семьей.
Поделись сейчас
Facebook, WhatsApp, Twitter, Buffer, Reddit, LinkedIn и многие другие • Crunchify
Последнее обновление пользователем Приложение Shah 47 комментариев
Перво-наперво.Кнопки социальных сетей не должны замедлять загрузку вашего сайта. Существует ряд плагинов WordPress, и они могут быть не лучшим способом загрузки различных сценариев JavaScripts для кнопок социального обмена, и это может замедлить скорость загрузки страницы вашего сайта.
Медленное время загрузки сайта — это не только плохое поведение для пользователей, но также влияет на ваши Google Site Ranking
и SERP
(страница результатов поисковой системы).
Давайте посмотрим, что все сценарии JavaScripts 6 ваших основных кнопок публикации в социальных сетях загружают в ваш блог.
1 2 3 4 5 6 7 8 9 10 11 12 13 140002 | Twitter: https://platform.twitter.com/widgets.js Facebook: https://connect.facebook.net/en_US/sdk.js # xfbml = 1 & version = v2.3 Google+: https://apis.google.com/js/platform.js BufferApp: https://d389zggrogs7qo.cloudfront.net/ js / button.js Pinterest: https://assets.pinterest.com/js/pinit.js Linkedin: https://platform.linkedin.com/in.js |
Нет смысла добавлять все вышеперечисленные сценарии Java, и именно по этой причине я создал кнопку Social Sharing без каких-либо подключаемых модулей и какой-либо загрузки сценария.Пожалуйста, выполните все шаги, упомянутые в этом руководстве, чтобы реализовать максимально быструю загрузку кода кнопок социального обмена для веб-сайта.
На Crunchify мы показываем 6 кнопок социальных сетей.
- Что делать, если вы хотите добавить больше кнопок социальных сетей?
- Генератор ссылок для обмена: Facebook, Twitter, Google Plus, LinkedIn
- Как создать ссылки для обмена в социальных сетях менее чем за 5 минут
- Инструменты — Генератор ссылок для обмена в социальных сетях для Facebook, Twitter
- Список всех URL-адресов для социальных сетей
- Как сделать поделиться ссылками в социальных сетях: оптимизация URL
- Поделиться ссылками на генератор кода
- Как создать ссылку для совместного использования в социальных сетях?
Если у вас есть какие-либо из вышеперечисленных вопросов, вы попали в нужное место.
Вот удобный список всех кнопок социальных сетей:
Кнопка Поделиться в WhatsApp:
Ссылка для обмена в WhatsApp с мобильного сайта и с сайта Desktop. Генератор кнопок общего доступа WhatsApp с использованием api.whatsapp.com
новой официальной документации API.
Адрес социальной сети WhatsApp:
https://api.whatsapp.com/send?text=[post-title] [post-url] |
- Вы будете перенаправлены на страницу с подробной информацией о сообщении
- Нажмите Отправить
- Вы будете перенаправлены на веб-версию WhatsApp —
web.whatsapp.com (если на рабочем столе)
- Выберите контакты или группы на следующем экране
- Нажмите «Отправить»
Facebook:
URL для публикации в социальной сети Facebook:
https://www.facebook.com/sharer.php?u=[post-url] |
Твиттер:
URL-адрес публикации в социальной сети Twitter:
https: // twitter.com / share? url = [post-url] & text = [post-title] & via = [via] & hashtags = [hashtags] |
Google+:
URL публикации в социальной сети Google+:
https://plus.google.com/share?url=[post-url] |
Pinterest:
URL для публикации в социальных сетях Pinterest:
https: // pinterest.com / pin / create / bookmarklet /? media = [post-img] & url = [post-url] & is_video = [is_video] & description = [post-title] |
LinkedIn:
URL социальной публикации LinkedIn:
https://www.linkedin.com/shareArticle?url=[post-urlpting&title=[post-title] |
Буфер:
Buffer социальной публикации URL:
https: // bufferapp.ru / add? text = [post-title] & url = [post-url] |
Tumblr:
Ссылка для публикации в социальной сети Tumblr:
Reddit:
URL социальной публикации Reddit:
https: // reddit.ru / submit? url = [post-url] & title = [post-title] |
StumbleUpon:
StumbleUpon для публикации в соцсети URL:
https://www.stumbleupon.com/submit?url=[post-url impression&title=[post-title] |
Вкусно:
Delicious URL-адрес социальной сети:
https: // вкусно.com / save? v = 5 & provider = [provider] & noui & jump = close & url = [post-url] & title = [post-title] |
Evernote:
URL социальной публикации Evernote:
Электронная почта:
Отправить по электронной почте URL:
$ email = ‘mailto:? Subject =’.$ [заголовок сообщения]. ‘& body = Посетите этот сайт:’. $ [post-url]. ‘»title =» Отправить по электронной почте’; |
WordPress:
URL социальной публикации WordPress:
https://wordpress.com/press-this.php?u=[post-url visible&t=[post-titlepting&s=[post-desc ]&i=[post-img] |
Карман:
Карманный социальный ресурс URL:
https: // getpocket.ru / save? url = [post-url] & title = [post-title] |
Вот подробности аргумента:
Аргумент | Детали |
[post-url] | URL вашего сообщения в блоге |
[post-img] | Изображение / эскиз для вашего сообщения в блоге |
[post-title] | Сообщение в блоге заголовок URL-адреса, которым вы хотите поделиться |
[post-desc] | Более подробное описание содержимого сообщения в блоге, которым вы делитесь |
[post-app_id] | Идентификатор приложения |
[via ] | необязательное имя пользователя Twitter автора контента (не включайте «@») |
[хэштеги] | необязательные хэштеги, добавленные к твиту (через запятую.не включайте «#») |
[поставщик] | Компания, которая использует URL-адрес |
[is_video] | Если контент является видео или нет |
Надеюсь, вы найдете все выше URL-адреса, удобные для кнопок социальных сетей. Обычно мы проверяем действительность этого URL-адреса каждые 6 месяцев. Посетите еще раз, если что-то изменится.
Присоединяйтесь к обсуждению
Если вам понравилась эта статья, поделитесь ею в социальных сетях.У вас остались вопросы по статье, оставьте нам комментарий.
Совместное использование
— WordPress.com Поддержка
Внизу каждого сообщения и страницы вы можете включить кнопки совместного использования, чтобы ваши читатели могли делиться вашим контентом в различных социальных сетях и сервисах.
Содержание
Посмотрите видео ниже, чтобы получить краткий обзор того, как это работает, и прочтите ниже, чтобы узнать больше примеров и настроек.
Настройка параметров общего доступа
Чтобы настроить параметры общего доступа к сайту или блогу, перейдите в Мои сайты → Инструменты → Маркетинг:
Затем выберите в меню вверху пункт «Кнопки доступа»:
Вы можете добавить к своим сообщениям и страницам любые или все следующие службы:
- Tumblr
- Нажмите здесь
- Telegram
- Skype
- Электронная почта
- Распечатать
↑ Содержание ↑
Настройте свои услуги
Добавление кнопок совместного использования позволяет вашим посетителям делиться вашей страницей или публикацией в предпочитаемой ими социальной сети, а также по электронной почте или распечатывать сообщение / страницу.
Чтобы настроить, какие службы вы используете, нажмите Изменить кнопки общего доступа :
Чтобы добавить кнопки общего доступа, выберите службы, которые вы хотите использовать, в области Редактировать видимые кнопки . Как только вы это сделаете, вы увидите, что они добавлены в предварительный просмотр выше.
Чтобы отключить кнопку, выберите ее еще раз, чтобы отключить. Вы также можете изменить порядок кнопок, нажав кнопку Изменить порядок . После этого вы сможете перетаскивать кнопки в любом порядке.
Кроме того, вы можете добавить кнопку More , которая содержит кнопки общего доступа, которые вы хотите отобразить, но только в скрытом раскрывающемся списке, нажав кнопку + Добавить кнопку «Еще» .
Они будут отображаться на вашем сайте так:
Некоторые службы недоступны, если ваш блог отмечен как частный.
↑ Содержание ↑
Настройка параметров общего доступа
Вы также можете настроить поведение и внешний вид кнопок и их расположение с помощью настроек в нижней половине страницы:
- Стиль кнопки позволяет вам выбрать, хотите ли вы только значок кнопки, текстовую ссылку или и то, и другое, или хотите ли вы использовать полные официальные кнопки, если они доступны.
- Reblog & Like позволяет вам выбрать, отображать ли реблог и / или кнопку лайка рядом с кнопками общего доступа.
- Показывать кнопки «Мне нравится» и на передней / архивной / поисковой странице, отдельных сообщениях, страницах и медиафайлах.
- Лайки комментариев позволяет включать или отключать лайки комментариев ко всем сообщениям.
Официальные кнопки Опция извлекает кнопки напрямую из таких сервисов, как Twitter, Facebook, LinkedIn, Reddit и Pocket.Некоторые службы будут отображать количество репостов в вашем блоге в режиме реального времени, как сообщает эта служба.
Twitter не будет показывать количество репостов.
Кнопка Pinterest Pin-It будет отображаться на изображениях только в том случае, если вы используете стиль официальных кнопок.
Facebook Поделиться номеров — это общее количество репостов, лайков и комментариев на Facebook.
Чтобы включить официальные кнопки, перейдите в меню Стиль кнопок и выберите Официальные кнопки.
Сохраните изменения и проверьте свой блог, чтобы увидеть результаты.
Вы также можете отредактировать метку, которая будет отображаться над кнопками общего доступа, нажав кнопку Изменить текст метки вверху страницы.
После изменения текста метки нажмите Закрыть , затем Сохранить изменения , чтобы опубликовать изменения в вашей метке общего доступа.
↑ Содержание ↑
Отключение публикации / лайков для определенных сообщений
Вы можете отключить кнопки «Поделиться» и / или «Нравится» для каждой публикации или страницы с помощью флажков в разделе «Нравится и поделиться» редактора:
В настройках публикации
Или через иконку Jetpack
Дополнительную информацию о кнопке «Мне нравится» см. В этом руководстве по поддержке «Нравится».
↑ Содержание ↑
Устранение неисправностей
Если у вас возникли проблемы с отображением кнопок совместного доступа в вашем блоге, проверьте следующее:
Я не вижу кнопок на главной странице.
Обязательно выберите «Первая страница, страницы архива и результаты поиска» для параметра «Показывать кнопки на».
Кнопка совместного доступа к Twitter использует «via @wordpressdotcom», но я хочу, чтобы она использовала мое имя пользователя Twitter.
Чтобы кнопка совместного доступа в Twitter использовала ваше имя пользователя Twitter, вам необходимо настроить функцию «Публикация».
Многие из доступных служб отсутствуют при выборе на странице настроек общего доступа.
Если ваш блог является частным, в списке будет меньше услуг.
Все мои акции равны нулю! Могу ли я вернуть старый счетчик акций? Нет. Если счетчики изменились из-за изменения пользовательского имени домена, например, с mysitehere.wordpress.com на mysitehere.com или с HTTP на HTTPS #, эти счетчики поступают непосредственно из социальных сетей, а не от нас, и они будут не переносить подсчеты, сделанные на конкретный URL, который с тех пор изменился.
Что на самом деле подсчитывает количество репостов в Facebook? По данным Facebook, если вы используете официальную кнопку «Поделиться» в Facebook, в число входят:
- количество лайков URL вашего сообщения
- количество репостов вашего URL (включая копирование / вставку обратной ссылки на Facebook)
- количество лайков и комментариев к историям на Facebook о вашем URL
Мой Кнопка «Поделиться» в Twitter не показывает количество репостов.
Twitter убрал счетчик репостов со своих официальных кнопок. Однако вы можете получить доступ и увидеть, чем ваши пользователи делятся и какие службы они используют для этого, в статистике вашего блога.
Понимание совместного использования в социальных сетях и подписок
На прошлой неделе я разговаривал с новой клиенткой о том, что она хотела на своем веб-сайте, когда она спросила меня:
«Обязательно ли на моем сайте должны быть все эти кнопки социальных сетей? Я знаю, что все это делают, но на самом деле, как эти кнопки пойдут на пользу моему бизнесу? »
Это действительно заставило меня задуматься.Почему мы все размещаем эти кнопки на наших сайтах? Мы просто пытаемся выглядеть круто или они действительно служат нашему бизнесу?
Итак, я решил провести небольшое исследование и вот что я узнал: есть 2 типа кнопок социальных сетей, которые вы можете разместить на своем веб-сайте. Одна — это кнопка « Поделиться », а другая — « Follow ».
Хотя они выглядят очень похоже, но работают по-разному.
Кнопка «Поделиться» отправляет содержимое вашего веб-сайта всем друзьям посетителя в социальных сетях, которые делятся им.В то время как кнопка подписки позволяет посетителю сайта связываться с вами еще долго после того, как он покинул ваш сайт.
Итак, что у вас должно быть на вашем сайте? Вот мой совет:
1. Разместите на своем сайте кнопки ПОДЕЛИТЬСЯ в социальных сетях.
Я поклонник плагинов WordPress, которые позволяют отслеживать значки социальных сетей и набор инструментов для обмена сообщениями в социальных сетях, оба из которых я использую на своем сайте.
Как владелец бизнеса в современном мире мы обязаны сделать так, чтобы читателям было «проще простого» не только взаимодействовать с нами, но и нашим посетителям рассказывать о нас своим друзьям.
Их друзья, они же — наши новые потенциальные клиенты.
Виртуальная «молва» сегодня имеет большее влияние, чем когда-либо прежде. Вот почему важно наличие кнопки «Поделиться» на вашем сайте.
Обмен — это способ поделиться вашим контентом со всей социальной сетью!
Так что поощряйте обмен!
2. Подумайте о том, чтобы социальные сети СЛЕДУЮЩИЕ кнопки на вашем сайте.
С другой стороны, подписка в социальных сетях — это совсем другое дело.
Подписываясь, вы даете человеку возможность связаться с вами даже после того, как он покинул ваш сайт.
ОДНАКО, если у вас есть кнопки подписки в социальных сетях, обязательно публикуйте обновления с соответствующим содержанием не реже одного раза в неделю на этом сайте.
Последовательность — ключевой маркетинговый фактор успеха. Исследования показывают, что для максимального взаимодействия с посетителями нужно публиковать сообщения от одного до четырех раз в неделю.
Заведение клиента в тупик — пустая трата времени как вашего посетителя, так и вашего, не говоря уже о потерянном лиде.
Если вы не чувствуете, что готовы сделать этот шаг, просто оставьте кнопку подписки в социальных сетях на своем сайте и используйте вместо этого кнопки «Поделиться».
Я хочу услышать от вас
- Вы боретесь с определенным аспектом социальных сетей?
Поделитесь со мной своими мыслями и вопросами. - Каковы ваши советы по управлению успешным профилем в социальных сетях?
Делитесь своими комментариями!
Используйте возможности социальных сетей с помощью кнопок «Поделиться» на своем веб-сайте
Последнее дополнение в библиотеке виджетов VWO поможет вам улучшить игру вашего бренда в социальных сетях.Кнопки социальных сетей важны для вашего бизнеса из-за их многочисленных преимуществ, некоторые из которых:
- Повышение узнаваемости вашего бренда в различных социальных сетях.
- Более глубокое проникновение на ваш целевой рынок — у друзей клиентов есть хорошие шансы заинтересоваться тем, что вы предлагаете.
- Поисковая оптимизация — ознакомьтесь с этой краткой статьей Bigcommerce, в которой объясняется, как социальные сигналы переводятся в улучшенный поисковый рейтинг.
- Простота использования — вашим посетителям не нужно копировать и вставлять контент или URL-адрес со страницы; они могут поделиться им всего несколькими щелчками мыши.
Кнопки социальных сетей в действии на странице «Карьера» Wingify
Чтобы помочь вам легко использовать эти преимущества, в VWO в качестве виджета были введены кнопки социальных сетей. Вы можете протестировать действие этого виджета, настроив тестовую кампанию или напрямую разместив их на своем веб-сайте.
Используя визуальный редактор, вы можете добавить на страницу кнопки общего доступа. Выберите платформы, на которых вы хотите разрешить своим посетителям делиться информацией. Вы можете выбирать между Facebook, Twitter и Linkedin и фиксировать его положение на странице.Как только вы начнете кампанию, ваш сайт будет активен с этими кнопками социальных сетей.
СОВЕТЫ ПРОФЕССИОНАЛА:
- Чтобы оптимизировать публикации в социальных сетях на вашем веб-сайте, вам может потребоваться поэкспериментировать с различными значками и позиционированием. Для дополнительной информации ознакомьтесь с этим примером того, как AMD улучшила социальный обмен на своем веб-сайте.
- Социальный обмен не всегда может дать вам положительные результаты. Taloon, финский магазин оборудования для электронной коммерции, с удивлением обнаружил, что такие кнопки могут отвлекать ваших посетителей от основной цели страницы.Ознакомьтесь с подробностями в этом тематическом исследовании.
Не хватает популярной социальной платформы? Вы хотите предоставить возможности для совместного использования определенного контента на странице, а не всей страницы? Напишите нам на [email protected] со своими требованиями. Мы все слышим, чтобы понять и улучшить этот виджет, чтобы он был более полезен для вас.
Если вам нужна дополнительная информация о различных виджетах, предлагаемых VWO, и помощь по их использованию, прочтите эту статью.