Как добавить на сайт кнопки соцсетей (на примере блока «Поделиться» от «Яндекса»)

Автор Alla Bessonova
Как добавить на сайт кнопки соцсетей (на примере блока «Поделиться» от «Яндекса»)

Здравствуйте уважаемые друзья с вами.

Дмитрий Декстера. Как добавить кнопки социальных сетей на сайт речь идёт о кнопках. Шаринган или кнопка поделиться которые.

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

А также есть у неё сервисы которые можно интегрировать с любым движком. Я предлагаю не привязываться конкретно. СМС рассмотреть добавление на сайт кнопок от универсальных сервисов. Первый из них — это блок поделиться от. Яндекса которые мы используем в блоге. Почему блок поделиться. Да потому, что он очень простой очень привычный для нас в нём есть кнопки социальных сетей популярных в рунете легко настраивается этот блок слева у нас колонка настройки здесь мы выбираем сервисы которые нам нужны добавляем отмечаем галочкой те которые будут отображаться. Давайте добавим Pocket ещё справа настраивается внешний вид блока. Допустим мы можем выбрать только иконки или иконки со счётчиками, тогда будет отображаться количество могут быть иконки и меню в этом случае отображаются несколько сервисов остальные спрятаны их чтобы достать до них нужно нажать на кнопку меню можно выбрать кнопки маленького размера мы выберем только иконки после того как мы сконфигурировано ли блок сервис предлагает нам кот или скрипт который нужно встроить на сайт как — это делается. Мы увидим позже. А ещё один. Сервис ширинга. Плюс или плас, а не знаю как читается он очень похож на блок поделиться от. Яндекса, но он имеет более интересные внешний вид больше способов настройки. Давайте посмотрим на него сначала настраивается доступные стили кнопок можно выбрать любые. Давайте вот такие серебристые возьмём, а затем выбираем социальные сети которые нам нужны. Также можно отправлять на печать отправлять по электронке с помощью этих кнопок мы можем ненужные перетащить в доступной к выбору. А в выбранных полях оставить только те которые мы хотим видеть на сайте в данный момент непосредственно. Давайте посмотрим, что у нас ещё есть ну давай теперь ты разбиваем достаточно. Теперь мы можем выбрать внешний вид блока размер большими маленькие или среднее. Пусть будут большие кнопки могут быть квадратными или круглыми, а в одну строку или в две строки располагаться горизонтальный или вертикальный со счетчиком или без счётчика и можно фон выбрать какой там после того как блок сконфигурирован у нас снова появляется кот который можно вставить на сайт. Теперь нужно решить техническую задачу добавить в генерировании с помощью сервисов поделиться код на свой сайт решение этой задачи зависит от того. Каким вы пользуетесь нужно просто взять свой движок почитать мануалы и найти инструменты которые позволяют добавлять пользовательский код, а я расскажу как добавить на сайт и под управлением WordPress понадобится plugin Hide Footer and Post injections — это очень полезный инструмент его можно использовать не только для того чтобы добавить код кнопок поделиться на сайт, а он пригодится для того чтобы добавлять на сайт любые пользовательские коды на коды сервисов аналитики коды подтверждения сайта в мастерах. В кабинетах Master of Code тег менеджера контейнер можно добавить коды слушать коллтрекинга обратного звонка и так далее. То есть этот плагин вообще инструмент. Низами поэтому рекомендую его использовать. А после установки и активации плагина появляется в настройках Menu header and Footer настройки header and Footer и на этого меню есть раздел в котором можно добавлять в разные участки сайта пользовательский код на вкладках мы видим возможность добавить код в любые на любые страницы и Footer добавить только в публикации в пасты тоже. У нас идёт header and Footer до публикации после публикации можно вставлять в середине постов ставки делать с помощью кода для этого нужно маркеры специальные использовать на странице можно добавлять код на ускоренные мобильные страницы и так далее. А в данный момент нужно добавить кнопки поделиться на странице постов то есть публикации на сайте их можно добавить перед контентом то есть страницы и после — это логично, что после контента кнопки добавляются всегда практически всегда. Вот они у меня уже добавлена — это блог. Яндекса, а и сейчас я покажу как он выглядит на сайте вот для наглядности я покажу как добавлять кот перед концертом мы просто копируем предложенный код код для вставки нож добавляем. Ивана вкладки Post before The Post Content сохраняем изменения и обновляем страницу чтобы посмотреть результат кнопки появились внешний вид можно менять как я уже говорил здесь они у меня большие получились можно поменьше чуть-чуть сделать, но главное, что принцип мы посмотрели мы копируем код сервиса добавляемого на вкладке пост перед контентом обновляем настройки и обновляем страницу и. Вот наши кнопки появляется таким же способом можно добавить блок поделиться от. Яндекса или любой другой внешний сервис который. Вам нравится отдыхать и так далее и так чтобы добавить на сайт кнопки поделиться лучше всего воспользоваться сервисами которые не привязывает вас конкретному движку например блок поделиться от. Яндекса или кнопки плюс или плас, а дополнительные сервисы будут в описание в ссылке на наш пост.

0 комментариев
0

Читайте также