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

Содержание

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

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

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

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

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

Ну и я уже не говорю о том что вы полностью зависите от их сервиса, и если с ихним сервером что то случилось это отобразится на скорости загрузки и вашего сайта тоже, ведь ваш сайт будет пытаться подключится к их сервису тем самым будет увеличивать время открытия страницы вашего сайта, так же при оптимизации и продвижении вашего интернет ресурса вы наверняка захотите увеличить показатели 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: Если вам нужен готовый интернет магазин но нет времени и желания заниматься его разработкой, вы можете купить уже готовый сайт интернет магазина недорого в нашей веб студии.

ДЕМО ПРИМЕР

Так же вы можете скачать готовые исходники ниже.

СКАЧАТЬ СКРИПТ

Этот контент заблокирован!!!

Поделитесь этой страницей, чтобы получить доступ к скрытому контенту!

Нужны ли кнопки «Поделиться» социальных сетей на сайте?

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

Зачем нужны социальные кнопки на сайте?

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

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

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

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

Но на практике все оказалось не так лучезарно, как в теории.

Вред от социальных кнопок.

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

Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер, Юлия Федотова

Интернет-магазин компании Taloon.com из Финляндии, который продает сантехнику, электричество, садоводство и т.д. провел А\В – тестирование.

Цель компании была увеличить количество кликов (конверсий) на главной странице своего продукта (CTA) на страницах своих продуктов — Добавить в корзину. Вот как выглядела оригинальная версия:

Во второй версии убрали выделенные красным социальные иконки с сайта.

Претендент зафиксировал увеличение кликов CTA («Call-to-action», «Призыв к действию») на 11,9% по сравнению с оригиналом.

Но как такое произошло? Раньше добавление соц.сетей только повышало конверсию. Есть тесты компании AMD, по внедрению социальных иконок, при котором появился рост социальной активность пользователей на 23%.

Что работает против кнопок социального обмена?

1) Отрицательное социальное доказательство.

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

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

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

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

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

2) Отвлечение от основной цели

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

В то время как Taloon.com использовал видный CTA на своих страницах продукта — добавьте в корзину — кнопки социального обмена действовали как отвлечение.

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

Мнения экспертов по социальным кнопкам.

Главный редактор ресурса Information Architects Оливер Райхенстайн (Oliver Reichenstein) написал по поводу шэринговых кнопочек разгромную статью. В ней, в частности, есть такое утверждение:

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

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

Когда Smashing Magazine убрал социальные кнопки с сайта, трафик из социальной сети Facebook возрос. Эксперты объяснили это тем, что пользователи вместо лайков и репостов копировали ссылки и делились ими в личных аккаунтах социальных сетей.

Польза от социальных кнопок

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

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

Советы при использовании социальных кнопок «Поделиться»

  • Чаще всего люди делятся в социальных сетях на развлекательные статьи, видео и смешные картинки. Если ваш сайт имеет развлекательную тематику, то мы советуем добавить социальные сети в видимом месте (на изображении, под статьей, на видео).
  • Социальные кнопки работают только там, где они уместны. Под статей, картинками, видео. Понятное дело, что на странице контакты мало кто будет нажимать на социальные иконки. Вы не должны забывать, что отрицательное социальное доказательство работает против вашего сайта.
  • Количество социальных сетей тоже важно.  Нет смысла располагать все социальные сети для «шаринга». Это сбивает с толку. Чем больше у человека выбора, тем больше он сомневается. Выше мы приводили пример популярных социальных сетей в России. Достаточно использовать первые 4-5. Кроме того надо знать свою целевую аудиторию, тогда будет проще определиться с выбором социальных иконок.
  • Так же важно знать где располагать на странице социальные иконки. Нет смысла вставлять их в начало статьи, ведь посетитель еще не знает интересная эта статья или нет. А прочитав до конца он забудет, что иконки в начале. Самое удачное расположение социальных иконок «Поделиться» в конце статьи.

А как вы считаете, нужны ли кнопки социальных сетей на сайте?Poll Options are limited because JavaScript is disabled in your browser.

  • Нет, не нужны 70%, 63 голоса

    63 голоса 70%

    63 голоса — 70% из всех голосов

  • Да, нужны 30%, 27 голосов

    27 голосов 30%

    27 голосов — 30% из всех голосов

Всего голосов: 90

09.10.2018

×

Вы или с вашего IP уже голосовали.

Как слить трафик с сайта в паблик? 79 примеров размещения социальных кнопок :: Гудсайт

Определите цвет

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

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

1

На сайте Центра карьеры «YesJob.ru» справа находится кнопка Фейсбука в фирменном красном цвете.

2

Настройте размер

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

В интернет-магазине «LoveBeats.ru» ссылка на группу ВКонтакте находится в крупном блоке во всю ширину экрана.

3

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

4

На странице контактов рекламного агентства «МcCann Moscow» есть крупная кнопка Фейсбука.

5

Выберите место

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

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

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

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

6

В книжном интернет-магазине «Лабиринт» социальные кнопки расположены вверху страницы.

7

В промо-разделе «Тренируйся с чемпионами» на сайте «Adidas» соцкнопки находятся в нижней части страницы.

8

На сайте свадебного салона «Мэри Трюфель» социальные кнопки встречаются дважды: в середине и в подвале главной страницы.

9

10

На промо-странице издательства «Манн, Иванов, Фербер» есть два блока с соцкнопками: в середине страницы и в подвале.

11

12

На сайте «Высшей школы экономики» блок с социальными кнопками находится в правой части страницы.

13

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

14

На сайте «Шоу сумасшедшего профессора Николя» ссылки на социальные сети есть на странице с контактами.

15

На сайте «Альфа-Банка» есть отдельная страница со ссылками на официальные представительства в соцсетях.

16

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

17

На сайте телеканала «СТС» компактно размещены виджеты трёх социальных сетей: их можно просмотреть внутри одного блока.

18

Виджет с пятью социальными сетями находится среди анонсов статей на главной странице сайта «Cosmopolitan».

19

На сайте некоммерческого просветительского проекта «Arzamas» социальные кнопки находятся справа.

20

В подвале сайта для молодых родителей «Pampers» выделен небольшой аккуратный блок с соцкнопками.

21

Отображайте по-разному

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

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

Социальные кнопки на сайте Константина Ашифина находятся в закреплённой плашке, которую постоянно видно при прокрутке. Здесь можно поставить лайк странице и рассказать о сайте друзьям.

22

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

23

На проекте «Велосипедизация Санкт-Петербурга» есть яркая плашка со ссылкой на группу ВКонтакте во всю ширину страницы.

24

Добавьте эффекты

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

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

25

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

26

На сайте мебельной фабрики «Лель» блок с пятью социальными кнопками появляется по наведению на иконки ВКонтакте и Фейсбука вверху страницы.

27

Кнопки для расшаривания на промо-сайте «Cross production» появляются внизу страницы во всплывающем окошке.

28

Социальные кнопки на сайте типографии «Листовка-завтра.рф» располагаются внизу страницы. При наведении на каждой кнопке появляется розовая обводка.

29

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

30

Покажите количество участников

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

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

31

Призывайте вступать в группы

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

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

Брокер на рынке Форекс «Grand Capital» приглашает присоединиться к сообществам в социальных сетях и участвовать в конкурсах каждую неделю.

32

Новые посетители сайта «ВОС» видят всплывающее окошко с приглашением подписаться на сообщества в социальных сетях.

33

AdMe.ru выражает благодарность читателям и приглашает подписаться на группу ВКонтакте.

34

Приглашение подписаться на сообщество в Фейсбуке появляется на AdMe.ru во всплывающем окошке во время прокрутки страницы.

35

Телеканал «СТС» приглашает пользователей сайта голосовать во ВКонтакте за участников шоу «Два голоса». Ссылка с сайта ведёт на конкретный пост в группе.

36

Журнал «Главбух» призывает бухгалтеров дружить и общаться на профессиональные темы в социальных сетях. Призыв к вступлению в сообщества всё время видно во всплывающем окошке внизу слева.

37

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

38

Некоммерческий просветительский проект «Arzamas» предлагает подписаться на сообщество ВКонтакте. Призыв размещён на яркой плашке, оформленной в стилистике сайта.

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

39

На сайте образовательного проекта для призывников «Armydocs» призывает подписаться на сообщества в социальных сетях и следить за новыми материалами.

40

Понятно опишите сообщество

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

Бренд «Малютка» объясняет молодым мамам на понятном им языке, ради чего стоит вступить в группу в Одноклассниках, подписаться на Инстаграм и канал на Youtube.

41

Студия «Панкисофт» показывает, что в Фейсбуке можно почитать новости и обсудить статьи.

42

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

43

Рифма.ру приглашает читателей делиться стихами в социальных сетях.

44

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

45

Разместите кнопку «Поделиться»

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

Выберите место для кнопки «Поделиться»: рядом с заголовком, в середине или в конце страницы. Или повторите кнопки несколько раз.

В статьях на сайте ресторанного холдинга «Ginza Project» кнопки для расшаривания материала в соцсетях появляются по наведению на иконку с сердечком.

46

На сайте «Связного» рядом с заголовком акции есть компактный блок с соцкнопками и призывом делиться ссылкой с друзьями.

47

В конце каждой статьи на портале бизнес-новостей «Finparty» размещены кнопки для расшаривания материала в социальных сетях.

48

В конце статей на сайте «Давай сходим!» есть призыв делиться материалом, который понравился.

49

В блоге сети ресторанов «Две палочки» кнопки для расшаривания есть в начале и в конце каждой записи.

50

В статьях на проекте «Recycle» кнопки для шеринга с призывом «Поделиться» повторяются дважды: в начале и в конце.

51

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

52

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

53

Все узнают о доставке сладкой немытой моркови из интернет-магазина «Деликатеска.ру» благодаря кнопке «Рассказать друзьям».

54

В подвале сайта бонусного клуба «Много.ру» есть призыв поделиться ссылкой на сайт в социальных сетях.

55

«Cosmopolitan» призывает поделиться статьёй с друзьями.

56

Герой сайта «ЛабиринтУм» Человек Наук призывает поделиться понравившимся постом из блога с друзьями.

57

Интернет-магазин «Love Home Love» призывает пользователей рассказать о чудо-фартуках. По нажатию на призыв во всплывающем окошке появляются кнопки для шеринга во ВКонтакте и Фейсбуке.

58

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

59

Онлайн-кинотеатр Ivi.ru предлагает поделиться ссылкой на фильм с друзьями.

60

Призывайте расшаривать

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

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

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

61

AdMe.ru говорит «спасибо» пользователям за входновение и мурашки и предлагает делиться материалами в Фейсбуке и ВКонтакте.

62

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

63

Проект «Давай сходим!» предлагает делиться новостями о предстоящих концертах.

64

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

65

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

66

Поощряйте

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

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

67

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

68

Играйте

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

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

69

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

70

«2ГИС» предлагает выбрать подарок из списка, рассказать о нём в социальных сетях и не удалять пост до конца конкурса. Победители конкурса определяются случайным образом.

71

72

Для того чтобы проголосовать за участников виртуальных битв на сайте «Драка Собака», нужно опубликовать пост о голосовании в социальной сети.

73

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

74

На совместном проекте Vc.ru и Яндекс.Кассы можно протестировать свои способности к управлению интернет-магазином. В конце теста пользователей ждёт призыв поделиться результатом в социальных сетях.

75

На спецпроекте «Супер-женщины» телеканала «FOXlife» легко создать инфографику о повседневных женских делах и поделиться своими достижениями с друзьями в социальных сетях.

76

На проекте «Дед Мороз Aviasales» можно выиграть путешествие, если поделиться ссылкой с друзьями.

77

Можно выиграть путешествие в Гонконг от «Aviasales», если поделиться ссылкой в социальной сети.

78

Используйте «социальный замок»

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

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

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

79

SEO Вашего сайта | Кнопки «Поделиться»

Кнопки «Поделиться» используются для передачи информации о странице в ленту соответствующей социальной сети. Следует понимать, что Ваш пост в ленте увидят не все друзья. Все социальные сети по своим алгоритмам принимают решение, что именно показывать в ленте. В среднем порядка 10-15% друзей увидят Вам пост.

Алгоритмы везде разные, а логика одинаковая — показывать только интересные (данному пользователю) посты:

— если Вы увлекаетесь котиками и Ваши друзья увлекаются котиками — то Ваш пост о котиках увидят под 90% друзей

 +  = 90%

— если Ваш пост о собачках, а Ваши друзья увлекаются котиками — то Ваш пост о собачках увидят 5% друзей

 +  = 5%

Котики, они лучше 🙂

Кроме комментария пользователя типа «Хорошо-то как» в социальную сеть передается:  название страницы,  url страницы, описание страницы, картинка

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

а) скрипт, который будет показывать кнопки и передавать информацию

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

Наиболее популярные сервисы, которые предоставляют скритпы кнопок «Поделиться»

Яндекс, смотреть здесь https://tech.yandex.ru/share/
Плюсо, смотреть здесь Pluso.ru
Сервис http://share42.com/ru

Сервис share42 наиболее удобен:
— сервис отдает Вам исходники своих скриптов для размещения на хостинге, т.е. скрипт стартует с Вашего сайта
— вариант «вертикальный плавающий столбец» работает сразу
— для Joomla удобно выбрать позицию debug — кнопки разместятся за пределами шаблона сайта

В документации можно посмотреть настройки для работы кнопок.

Поддерживаемые атрибуты
Атрибут Описание Возможные значения
data-bare Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка. Наличие или отсутствие атрибута.
data-counter Признак того, что на кнопке соцсети отображается счетчик публикаций.

Внимание! На кнопке Твиттера счетчик публикаций отображаться не будет — Твиттер больше не поддерживает API с количеством публикаций.

Наличие или отсутствие атрибута.
data-copy Позиция кнопки Скопировать ссылку. Кнопка Скопировать ссылку может отображаться, если используется атрибутdata-limit.
  • first — кнопка внизу списка;
  • last — кнопка вверху списка;
  • hidden — кнопка не отображается.

Значение по умолчанию: last.

data-description Текст, которым нужно поделиться. Строка.Некоторые соцсети (например Твиттер) могут обрабатывать большие строки некорректно, поэтому длина строки будет зависеть от соцсети.
data-image Изображение, которым нужно поделиться. URL изображения.
data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку.
  • az — азербайджанский;
  • be — белорусский;
  • en — английский;
  • hy — армянский;
  • ka — грузинский;
  • kk — казахский;
  • ro — румынский;
  • ru — русский;
  • tr — турецкий;
  • tt — татарский;
  • uk — украинский.

Значение по умолчанию: ru.

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут доступны по нажатию кнопки . Натуральное число или отсутствие атрибута.
data-services Список идентификаторов социальных сетей, отображаемых в блоке. См. список идентификаторов поддерживаемых соцсетей. Несколько идентификаторов соцсетей указываются через запятую, без пробела.Значение по умолчанию:vkontakte,facebook,twitter
data-size Размер кнопок соцсетей.
  • m — большой ;
  • s — маленький .

Значение по умолчанию: m.

data-title Заголовок, которым нужно поделиться. Строка (длина зависит от сервиса).По умолчанию указывается заголовок страницы, на которой размещен блок.
data-url Ссылка, которой нужно поделиться. Любой URL.По умолчанию указывается URL страницы, на которой размещен блок.

 

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

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

— название url

— название заметки/поста

— описание поста

— картинка

Без заполненных метатэгов стандарта Open Graph каждая социальная сеть формирует эти данные по разному (по своему внутреннему алгоритму).

<meta property=»og:url» content=»Адрес сайта»/> Показ в посте адреса сайта
<meta property=»og:title» content=»Наименование»/> Показ в посте наименования заметки (при отсутствии тэга иногда берется из Title)
<meta property=»og:description» content=»Описание»/> Описание заметки (при отсутствии тэга иногда берется из Description)
<meta property=»og:image» content=»Расположение картинки»> — обязательно с полным путем с http Адрес, где находится картинка (при отсутствии тэга каждая социальная сеть выбирает картинку для показа по разному, иногда первая по списку картинка в коде страницы)

Для facebook есть специальный раздел, где можно проверить, как это все работает на странице — https://developers.facebook.com/tools/debug/, вводите адрес страницы своего сайта и смотрите, как эту страницу видит социальная сеть.

 

Заполняем все 4 метатэга в разделе head, смотрим на результат

FACEBOOK

VKONTAKTE

 МОЙ МИР

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

Конечно, мы не будем все это делать вручную, для своей CMS ищем плагин, который сделает большую часть работы (перепишет title / description в новые метатэги и т.д.)

И обязательно проверяйте (посмотреть итоговый код страницы) качество работы плагина, который Вы установили для Open Graph. Метатэги правильно называются <meta property=»og:url» content=»Адрес сайта»/>

некоторые плагины неправильно генерируют метатэги и делают их вида <meta name=»og:url» content=»Адрес сайта»/>

Часть соцсетей и так будет работать на этих кривых метатэгах, но FACEBOOK не будет их учитывать.

Примечание: в Одноклассниках можно в своей ленте поделиться одной и той же страницей ТОЛЬКО 1 раз. Вот такое ограничение. непонятно зачем. Т.е. понятно — что бы рекламой не забивали ленту, но можно было сделать 1 раз в неделю, например.

При повторной попытке Вы увидите:

И да, у Google+ Twitter свои метатэги (добавляем к CMS другие плагины). Стандартные метатэги OpenGraph учитываться не будут.

Google+

1 <meta itemprop="name" content="Название сайта"/>
2 <meta itemprop="description" content="Описание сайта"/>
3 <meta itemprop="image" content="https://website.com/image.jpg"/>

Twitter

1 <meta name="twitter:card" content="summary"/> 
2 <meta name="twitter:site" content="Название сайта"/>
3 <meta name="twitter:title" content="Название страницы">
4 <meta name="twitter:description" content="Описание"/>
5 <meta name="twitter:creator" content="автор"/>
6 <meta name="twitter:image:src" content="https://website.com/image.jpg"/>
7 <meta name="twitter:domain" content="website.com"/>

Для Instagram не существует возможности «поделиться» с сайта. В Instagram загружаются фото, сделанные сам пользователем. Но можно установить у себя на сайте виджет вида «Мы в Инстаграм», что посетители сайта могли сразу видеть Вашу представленность в данной социальной сети.

Вот здесь можно прочитать подробнее и как реализовать для ленивых 🙂
http://habrahabr.ru/post/223739/ Пишем Instagram виджет для сайта.
http://inwidget.ru/ Instagram виджет для сайта бесплатно. Inwidget.

Как добавить meta property на свой сайт?

Для сайта на HTML — вручную. Для сайтов с использованием CMS — через плагины.

Что должен «уметь» хороший и правильный плагин?

— поддерживать добавление метатэгов для всех типов социальных сетей (не только OPEN GRAPH)
— небольшой плюс к SEO — при наличии метатэгов для Google+, сайт будет НЕМНОГО лучше показываться в выдаче Google
— иметь основные настройки для всего плагина (точнее для всего сайта)
— по умолчанию брать заголовок их title
— по умолчанию брать описание из description
— по умолчанию использовать указанную картинку для всех страниц сайта
— по умолчанию остальные тэги
— иметь возможность все вышеперечисленное редактировать у каждой страницы

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

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

 

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

Скачать htm файл

Вы будете видеть наш сайт у себя в ленте

Нажмите «Подписаться»

Нажмите «Нравится» или напишите сообщение

Почитать в разделе: SEO — ЧТО ЭТО?

  • Всего статей в разделе: 10
  • Показано статей в списке: 9
  • Сортировка: название по алфавиту
«Черное» SEO

Черное SEO — продвижение сайта за счет обмана поисковых систем.
Поисковые системы обижаются и выбрасывают сайт из поиска. 1. Накрутка поведенческого фактора — бан 6 месяцв — Userator, Movebo, WebEffector, SerpClick, Seopult 2. Накрутка подсказок в поисковой…
(Читать полностью…)

Биржи ссылок

Поисковые роботы оценивают Ваш сайт. в том числе, насколько он интересен другим сайтам. Т.е. по объему ссылочной базы. Если никто не ссылается на Ваш сайт — значит там нет ничего интересного. Как пример — сайт www.adme.ru — порядка 1 млн. визитов в месяц при 300 000 страниц и 300 000 ссылок. Кстати, простая грубая оценочная модель:
— страниц и ссылок должно быть примерно поровну
— кол-во визитов на сайт в месяц = число ссылок *3 Поэтому стали появляться биржи…
(Читать полностью…)

Нужен ли www в начале адреса сайта

Почему существуют сайты в двух вариантах http://site.ru и http://www.site.ru
Откуда это появилось? Когда Интернет был маленьким, а сервера слабые, то на на разных серверах стояло разное программное обеспечение для разных целей: www.site.ru — сам сайт mail.site.ru — почтовый сервер Потом Интернет вырос и указание www перед сайтом стало ненужным. Откуда вообще появляется www перед адресом сайта?
Вы обращали внимание, что после запуска сайта он доступен в двух вариантах — как с www, так и без www. Причем это не зависит от применяемой CMS, даже для сайта на простом html префикс www все равно будет существовать. Это собственно идет от сервера хостинга. Если внимательно…
(Читать полностью…)

Нужен ли слеш в URL?

Периодически на просторах интернета всплывает вопрос: «Нужен ли слеш (косая черта /) на конце адреса сайта?
Как правильно:
— так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype/
— или так http://comphome.ru/2018/09/25/vybiraem-messendzher-na-zamenu-skype  Давайте по порядку. 1. Для всех страниц (за исключением Главной) наличие / отсутствие слеша означает для поисковых машин 2 разных адреса. Следует понимать, что никакого отношения к реальным папкам на сервере это не относится. Просто сервер по данному адресу (который URL) отдает html страницу. Да, на заре интернета, когда сайты делались руками — URL совпадал с реальными папками и файлами на…
(Читать полностью…)

Семантическое ядро

Семантическое ядро сайта — вот оно 🙂 Или все-таки не оно?
На Ваш сайт посетители переходят на конкретные страницы, а не в целом на сайт. Соответственно можно и нужно говорить о семантическом ядре каждой страницы. Зачем это нужно?
К сожалению, роботы пока не такие умные, как хотелось бы.
Например, Вы написали статью про процессоры на socket 775 или LGA 775. А что ищут люди? Смотрим статистику Яндекса по словам https://wordstat.yandex.ru/    Ищут
 Запросов в месяц  775 сокет
 23685  socket 775
 12398  lga 557
  5313 Поиск в бытовом написании «775 сокет» самый популярный, в отличии от правильного написания. В результате, Вашу…
(Читать полностью…)

Снипет

Снипет — это то краткое описание сайта, которое показывается в выводе поисковых систем. Название спипета — этот title Вашей страницы Описание сайта для Яндекса: — длина текста в спипете 240 символов (с пробелами) — по умолчанию робот сам составляет описание из текста страницы (иногда используя тэг Description) Описание сайта для Google: — длина текста в снипете 160 символов (с пробелами) — робот берет или из Description (длина до 160 символов) или сам составляет описание из текста страницы ВАЖНО: снипет не является неотемлимой частью страницы. Заголовок снипета не меняется, а вот текст зависит от запроса, по которому была показана страница. Т.е. при показе…
(Читать полностью…)

Социальные сети и SEO

Как социальные сети помогают продвинуть сайт? Посмотрите на свой трафик в метрике.
Что обычно видим: прямые заходы
переходы с поиска
переходы с рекламы
переходы с социальных сетей Ну и что?
Понятно, что если будут переходы с социальных сетей — это хорошо. Но как это повлияет на продвижение сайта?
Есть такой параметр — новые посетители. Их обычно под 90%. И они всё обычно одноразовые. Нашел через поиск, зашел на сайт, посмотрел, ушел.
Как их сделать многоразовыми посетителями? Что бы они при появлении новых статей/страниц заходили на сайт?
Есть разные варианты: сделать подписку на сайте (т.е. пользователь регистрируется на сайте)
пользователь оставляет свой email и…
(Читать полностью…)

Счетчики и их основные параметры

Счетчики, установленные на сайт, позволяют анализировать много параметров Вашего сайта. Как правило, используются два основных счетчика — от Яндекс и от Гугль. Счетчик от Яндекса называется Метрика и находится здесь https://metrika.yandex.ru В рамках одного аккаунта можно заводить несколько счетчиков на разные сайты. В Яндексе поддерживается возможность переноса счетчика из одного аккаунта в другой: — письмо в саппорт — подтверждение прав на сайт (разные варианты, самый простой — определенный файл в корень сайта) — техподдержка переносит счетчик 🙂 Счетчик от Гугль называется Аналитикс и находится здесь https://www.google.ru/analytics. Аналогично, в рамках одного аккаунта…
(Читать полностью…)

Что хотят роботы поисковых систем

Как говорят математики — «существует необходимое, но недостаточное условие». Что это для SEO? Что бы поисковый робот не ругался 🙂 Если роботу изначально «не нравится» Ваш сайт — то дальнейшие усилия по продвижению не имеют смысла. Подробнее про хотелки роботов можно прочитать в Вебмастере. Яндекс.Вебмастер любезно предоставляет список (скан первой части), что именно проверяет робот (конечно, список не полные и время от времени он меняется). Далее попробуем оценить со стороны этого здравого смысла, ЧТО НАДО и ЧТО НЕ НАДО делать, что бы поисковые машины хорошо относились к сайту. В целом любая поисковая машина/робот пытаются оценить два основных параметра…
(Читать полностью…)

Кастомные share-кнопки соц. сетей на сайт 

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


     

Список доступных ссылок для шаринга:

VK

http://vk.com/share.php?url=[URL]

OD

http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=[URL]

Мой мир

http://connect.mail.ru/share?share_url=[URL]

Twitter

http://twitter.com/intent/tweet?status=[TITLE]+[URL]

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Google+

https://plus.google.com/share?url=[URL]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Digg

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE]

StumbleUpon

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Delicious

http://del.icio.us/post?url=[URL]&title=[TITLE]]¬es=[DESCRIPTION]

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE]

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Блок Яндекса Поделиться и другие кнопки социальных сетей для сайта (Facebook, Google+, Twitter, ВКонтакте)

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

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

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

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

Читать дальше…


Copyright © 2016, KtoNaNovenkogo.ru — блог для начинающих вебмастеров.
Все права защищены. |
Постоянная ссылка |
Комментарии: 54

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

Источник: http://feedproxy.google.com/~r/Ktonanovenkogoru/~3/enAdft sywE/knopki-socialnyx-setej-sajta-joomla-wordpress-oficialnye-knopki-samodelny-blok-podelitsya-yandeks.html

Данный материал является частной записью члена сообщества Club.CNews.
Редакция CNews не несет ответственности за его содержание.

Кнопки Поделиться в социальных сетях. Соц бар в uCoz. — Встроенные сервисы конструктора uCoz/Юкоз — Делаем сайт на Юкоз — Уроки создания и продвижения сайта

Реклама от Яндекса

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

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

 Соц бар от uSocial это один из встроенных в Панель Управления сайтом, сделанном в Конструкторе Юкоз, сторонних сервисов.

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

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

 После активирования соц бара на своём сайте Вам станет доступна детальная статистика расшаривания страничек Вашего сайта в соц сетях.

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

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

 Но активация премиум настроек  — дело сугубо добровольное : ), тем более, что и в безплатном варианте соц бара, разработчики, оставили немало полезностей в свободном доступе.

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

 Итак, необходимо зайти в ПУ Вашего сайта для активации и настройки данного сервиса:

Нажмите на кнопку Добавить кнопки Поделиться на сайт

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

 Выберите каким образом Вам удобнее войти в сервис uSocial.pro и войдите : )

Подтвердите привязку Вашего аккаунта к сервису соц бар

 И, наконец то, как принято говорить в подобных случаях, — Вы сделали это! Поздравляем : )

 Что ж, определённо, сегодняшний день прожит не зря и Вы совершили, ещё, одно полезное дело : ) Но расслабляться рано — для полного счастья нужно настроить Ваш, новоприобретённый, соц  бар в соответствии с Вашими пожеланиями и, что, тоже, немаловажно, возможностями.

 Этим мы сейчас и займёмся.

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

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

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

 Не «затмит» ли он основную часть контента Вашего сайта?

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

 Впрочем дело Ваше, Вы можете добавить в Ваш соц  бар хоть все, доступные в сервисе, соц сети. Как говориться — «Чем бы дитя не тешилось» : ) 

Выбрали необходимые Вам кнопки социальных сетей? Отлично!

 Займёмся остальными настройками: Форма иконок кнопок, Стиль иконок кнопок и т.п., вот это, вот, всё (с), в общем:

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

 Тем более, что разработчики uCoz, заботливо, разместили, в Панели Управления Вашим сайтом, ссылки на основные  возможности данного сервиса.

 Начнём изучение соц бара с самой первой ссылки:

 Нажав на эту ссылку Вы попадёте на главную страницу сервиса от uSocial.pro.

Кратко ознакомимся с основными приложениями от разработчиков соц бара кнопок Поделиться

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

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

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

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

 Ещё одна из возможностей, которая доступна Вам в Панели управления сайтом, это просмотр статистики количества поделившихся Вашими материалами посетителей, и в каких соц сетях, собственно, они поделились шедеврами Вашего творчества : )

 Впрочем возвращаться в ПУ вовсе необязательно.

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

 Как Вам удобнее, в общем. А я в ПУ вернусь — не зря же я делал ниже-следующий скриншёт 🙂 

 Нажав на ссылку «Редактировать вид кнопок» мы, снова, попадём на сайт разработчиков и сможем продолжить настраивать вид кнопок, если возникнет такая необходимость после редактирования кнопок непосредственно из Панели Управления Вашим сайтом сделанным в uCoz.

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

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

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

 Итак, после нажатия на ссылку Вы попадёте вот сюда:

 В принципе всё достаточно просто и наглядно. Прокручиваете страничку вниз и попутно делаете необходимые Вам изменения в настройках соц бара:

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

 А затем ввести адрес Вашего сайта в соответствующей строке на странице сервиса uSocial.pro ( это необходимо, только, в том случае если Вы настраиваете свой соц бар с «нуля» именно на сайте разработчика социальных кнопок ):

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

 Выглядеть это будет, примерно, таким образом:

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

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

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

 Вот так:

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

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

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

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

 Итак, снова, переходим на вкладку с Панелью Управления Вашим сайтом и жмём на ссылку «Приобрести премиум настройки»:

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

 Выбирайте тариф по вкусу и кошельку : ) Или пользуйтесь безплатным вариантом кнопок Поделиться соц бара.

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

Блок кнопок соц бара Поделиться Вам в помощь!

 Ну, и уж совсем, напоследок размещу, в своей статье, рекомендации от разработчиков платформы uCoz относительно одной из типичных проблем ( да минует Вас чаша сия! ) которая может возникнуть в процессе интеграции кнопок соц — бара на Ваш сайт:

«»Вопрос: Я устанавливаю соц бар согласно инструкции, но он не отображается. Что мне делать?

 Ответ: Для решения этой проблемы вам необходимо во всех шаблонах дизайна вашего сайта (Панель управления → Управление дизайном) добавить системную переменную «$ADMIN_BAR$» после тега . После этого соц-бар должен быть отображён.

 Для тестирования вы можете добавить указанную системную переменную в шаблоне дизайна вашего сайта: Панель управления → Управление дизайном → Редактор страниц: Страницы сайта.«»

 Напомню, что эта рекомендация касается, только!, владельцев сайтов созданных на Платформе Юкоз!

 

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

 

Думаю, что они не оставят Вас в беде! Тем более и беды то никакой нет и не будет! Ну я так думаю : )


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

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

Оформите подписку на новые уроки портала «Уроки создания и продвижения сайта» по электронной почте

 Также, Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


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

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

Мой кошелёк в Яндекс Деньги

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


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

Номера кошельков WebMoney

Рублёвый: R589320584698

Валютный ( доллары США ): Z615062175442


 Если Вы заметили какую либо ошибку на сайте или в статье — просьба сообщить об этом в комментариях!

 Удачи в создании и продвижении собственного сайта или интернет — магазина!

Оформите подписку на получение новых статей на вашу электроную почту

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

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

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

Существует три различных типа кнопок социальных сетей. Их:

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

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

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

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

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

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

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

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

  • Кнопки общего доступа от AddThis. У этого плагина более нескольких сотен тысяч пользователей и хороший рейтинг.
  • Shareaholic. У этого плагина более нескольких сотен тысяч пользователей и хороший рейтинг.
  • Реактивный ранец. Jetpack — это плагин с множеством функций, в том числе позволяющий добавлять кнопки на ваш сайт.
  • Orbit Fox Companion. Этот плагин имеет более 20 кнопок обмена в социальных сетях, из которых вы можете выбирать.
  • Социальный плагин. Бесплатный плагин, который позволит вам настроить кнопки.

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

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

  1. Установить
  • Войдите в свою панель управления WordPress.
  • Перейдите в меню навигации.
  • Выберите плагины и найдите «Поделиться кнопками от Addthis».
  • Установите плагин и нажмите «Активировать».
  1. Регистрация

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

  1. Добавить
  • После входа в систему вернитесь на панель навигации панели инструментов и щелкните только что установленный плагин Addthis.
  • Щелкните вкладку «Поделиться» под вкладкой «Добавить».
  • Оказавшись там, нажмите «Добавить» и выберите, какой стиль кнопок общего доступа вы хотите активировать. Вы можете выбрать между боковой панелью и встроенной. С боковой панелью ваши кнопки плавают на вашем веб-сайте и будут следовать за вашими пользователями, когда они прокручивают вашу страницу, тогда как встроенные могут быть где угодно на странице, вверху, внизу — до вас.
  1. Выбрать

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

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

  1. Опубликовать

И теперь вы готовы, чтобы все ваши продукты, услуги и / или статьи были готовы к публикации со всем миром.Как здорово!

Вы используете наш Конструктор веб-сайтов?

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

Что такое кнопки социальных сетей и как они влияют на…

Кнопки социальных сетей дают клиентам возможность отображать свои покупки в электронной коммерции на 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 раз чаще нажимают на рекламу, чем на кнопки социальных сетей.
  • По данным Moovweb, пользователи настольных ПК

  • чаще нажимают на кнопки социальных сетей (примерно на 35% чаще), но они по-прежнему предпочитают делиться ссылками по-своему, а не использовать эти кнопки.

В чем дело?

Почему кнопки социальных сетей тянутся

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

Раньше кнопки социальных сетей были непредсказуемыми; вы можете нажать кнопку «Твитнуть это» только для того, чтобы увидеть, что автоматически созданный твит со странной разметкой 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. Настройте параметры совместного использования в социальных сетях и добавьте на свой сайт

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

В меню управления перейдите к параметрам « Настройки » и нажмите « Easy Social Sharing ».

После этого вы попадете на следующую страницу, где сможете настроить кнопки публикации в социальных сетях. Вверху вы можете увидеть три варианта — General , Network и Layouts . Эти три варианта обсуждаются ниже.

I. Общие параметры

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

a) Конкретные места:

Этот параметр позволяет решить, куда вы можете добавить кнопку «Поделиться» в социальных сетях. У вас есть два варианта: Inline и Sidebar .

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

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

b) Пользовательский экран (и):

Этот параметр позволяет вам выбрать, хотите ли вы отображать кнопку «Поделиться» в социальных сетях на всех ваших публикациях, страницах или нет. Вы можете отображать кнопки на всех своих сообщениях и страницах. Или выберите отображение кнопок только на определенных публикациях и страницах.

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

  • Отображать на всех экранах: Позволяет отображать кнопки социальных сетей на всех ваших публикациях, страницах, а также в шаблонах.
  • Отображать на всех экранах, кроме…: Позволяет отображать кнопки социальных сетей на определенных сообщениях или страницах, кроме выбранной.
  • Отображать на определенных экранах: Позволяет отображать кнопки на определенных сообщениях или страницах из текстового поля «Разрешить определенные экраны».

c) Дисплей передней страницы:

Эта опция позволяет отображать кнопки социальных сетей на главной странице i: e Home.

d) Мобильное поведение:

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

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


II. Параметры сети

Опции сети

имеют еще две опции — Социальные сети , Социальные сети .

а) Социальные сети

В разделе «Социальные сети» вы можете добавлять или удалять социальные сети.

В списке сетевых страниц по умолчанию уже есть 4 сети — Facebook, Twitter, LinkedIn и Pinterest.Чтобы добавить новую сеть, просто нажмите « Добавить социальную сеть » в правом нижнем углу.

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

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

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

Вы также можете удалить сеть, нажав кнопку « Удалить ».

б) Социальные возможности

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

  • Имя пользователя Twitter: Если вы добавите имя пользователя, всякий раз, когда кто-то делится вашими сообщениями / страницами, вам будет предоставлена ​​ссылка на твит.
  • Идентификатор приложения Facebook: Чтобы получить идентификатор приложения Facebook, вам необходимо преобразовать свою учетную запись Facebook в учетную запись разработчика. Во-первых, вам нужно зарегистрировать свое приложение с помощью панели управления приложения.
  • Секрет приложения Facebook: Получите секреты Facebook и идентификатор приложения по этой ссылке.
  • Поддерживаемые сети API: Включите этот параметр, чтобы обеспечить поддержку сетей, поддерживаемых API.

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


III. Варианты раскладки

Вы можете увидеть опцию « Layouts » вверху вместе с опциями « General » и « Networks ». Когда вы нажмете на эту опцию, вы попадете на страницу настроек макета.

Варианты макета имеют еще 3 варианта — Варианты макета , Встроенный макет и Макет боковой панели .

a) Варианты компоновки

На этой странице вы можете установить любой цвет по вашему выбору.

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

б) Встроенная компоновка

Форма значка: Выберите одну из 4 различных форм для кнопок; квадратные, прямоугольные, скругленные, скругленные и диагональные.

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

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

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

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

Мы упоминали много раз, но вот еще раз напоминание. Не забудьте нажать кнопку « Сохранить изменения ».


Заключение

Плагины

для социальных сетей могут стать вашим верным другом при правильном использовании. Следовательно, вы должны выбрать правильный плагин. И Easy Social Sharing — лучший плагин.

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

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

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

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

Поделись сейчас

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

Вы хотите добавить кнопки публикации в социальных сетях в WordPress? Но понятия не имею, как добавить кнопки публикации в социальных сетях в свой блог WordPress.

Не беспокойтесь, мы вас поддержим.

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

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

Зачем добавлять кнопки социальных сетей на свой сайт WordPress?

Социальные сети — это популярные социальные сети, такие как Facebook, Twitter, Instagram, Google+, LinkedIn, Pinterest, Reddit, и т. Д. Кнопки социальных сетей — это простые кнопки, которые вы можете добавить в свои статьи в блоге. Используя их, ваши читатели могут делиться вашим контентом в социальных сетях.

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

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

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

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


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

Среди многих доступных плагинов для обмена в социальных сетях, Easy Social Sharing — лучший плагин для социальных сетей WordPress, позволяющий добавлять кнопки социальных сетей. Во-первых, и самое главное, это наш домашний продукт , то есть продукт ThemeGrill . Во-вторых, это , успешно протестировано , и мы используем его на наших сайтах и ​​в наших клиентских проектах.

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

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


Шаг 1. Установите и активируйте плагин Easy Social Sharing

Во-первых, войдите в свою панель управления WordPress и перейдите к Плагины >> Добавить новый .

В строке поиска введите имя плагина для поиска плагина. Как только появится плагин Easy Social Sharing , установите и активируйте плагин на своем сайте.

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


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

После того, как вы активируете Easy Social Sharing на своем сайте, вы можете перейти на страницу настроек плагина.В разделе «Общие параметры » вы можете выбрать Определенное местоположение , где вы хотите отображать значки социальных сетей.

Простой обмен в социальных сетях позволяет добавлять различные платформы социальных сетей либо в Inline , либо на боковую панель . Кроме того, если вы обновитесь до pro-версии плагина, вы получите дополнительные опции: Popup и Fly In .

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

Параметр «Всплывающее окно» позволяет отображать всплывающие кнопки на экране, как подсказывает само название. Fly In позволяет кнопкам совместного доступа через определенное время выглядеть летающими снизу. Кроме того, вы можете выбрать такие настройки, как «Пользовательский экран (-а)», «Отображение первой страницы», «Поведение мобильных устройств» и т. Д., И сохранить внесенных вами изменений.


Шаг 3. Выбор параметров сети для значков социального обмена

После настройки общих параметров вы можете перейти к сети .Здесь вы можете добавить необходимые социальные сети на свой сайт и установить социальные сети .

Социальные сети

Плагин Easy Social Sharing позволяет добавить 18 популярных кнопок социальных сетей . Например, Facebook, Twitter, LinkedIn, Google +, StumbleUpon, Pinterest и так далее. Так что вашим контентом можно сразу же поделиться.

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

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

Социальные сети

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


Шаг 4. Настройка макетов значков социальных сетей

В параметре Макеты вы можете настроить Цвет макета , Встроенный макет и Макет боковой панели .

Варианты цвета макета

Параметры цвета макета

позволяют настраивать цвета значков общего доступа. Вы можете включить Custom Colors и внести необходимые изменения цвета в Background и Hover Background Color .

Встроенная компоновка

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

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

Макет боковой панели

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

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

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

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


Завершение

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

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

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

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

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

Поделись сейчас

Топ-5 стратегий размещения кнопок в социальных сетях

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

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

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

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

Топ-5 стратегий размещения кнопок социальных сетей:

1. Используйте узнаваемые значки кнопок

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

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

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

Например, вы можете унифицировать цвета кнопок, но сохранить логотип каждой сети, как это сделано в блоге WordStream:

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

Это баланс между индивидуальностью и узнаваемостью.

2. Поместите социальные кнопки рядом с текстом

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

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

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

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

Лучше всего, чтобы фиксированные заголовки оставались простыми, используя CSS, а не плагин или javascript.

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

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

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

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

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

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

3. Выделите контент, который нравится другим людям

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

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

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

Один из способов решить эту проблему — показывать счетчики репостов только после того, как сообщение получило минимальное количество репостов. Например, счетчик репостов не появится, пока пост не наберет 50 лайков / репостов в Facebook.

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

4. Приоритет социальных сетей

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

Лучше всего выбрать 4–5 известных сетей, с которыми ваши пользователи, скорее всего, будут ассоциироваться. Есть несколько очевидных, которые нужно отобразить — Facebook, Twitter, Google+ и LinkedIn.

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

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

5. Сохраняйте чистоту и простоту

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

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

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

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

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

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

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

Эта статья была первоначально опубликована в 2012 году, но была полностью переработана в 2017 году, чтобы сделать ее максимально актуальной.

Совместное использование

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

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

Содержание

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

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

Чтобы настроить параметры совместного доступа к сайту или блогу, перейдите на страницу Мои сайты → Инструменты → Маркетинг:

Затем выберите в меню вверху пункт «Кнопки доступа»:

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

  • Twitter
  • Facebook
  • Tumblr
  • Pinterest
  • Reddit
  • LinkedIn
  • Pocket
  • Нажмите это
  • WhatsApp
  • 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 не показывает количество репостов.

Добавить комментарий

Ваш адрес email не будет опубликован.