Как добавить блок “Поделиться” на свой сайт. Подключение кнопок социальных сетей на сайт

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

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

Данные иконки будут выглядеть так…

Для того чтобы добавить этот эти иконки к себе на сайт, необходимо перейти на сайт “Яндекс Технологии”. Здесь мы выбираем “Блок Поделиться”.

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

  • простые иконки
  • с счётчиком
  • иконки и меню
  • иконки маленького размера

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

Теперь необходимо добавить скрипт в код сайта.

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

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

avatar
9 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
4 Авторы комментариев
EdwinficJanleFStepFoushArthurPut Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
ArthurPut
Гость

I think, that you are not right. I am assured. I can prove it. Write to me in PM, we will discuss.

——–
online cc shop |https://validccshop.online/

StepFoush
Гость

Preis Viagra 50 Mg [url=http://apcialisle.com/#]cialis price[/url] Boutique Levitra En Ligne Cialis Bay Ventolin

JanleF
Гость

Buy Levitra Online Uk No Prescription [url=https://apcialisle.com/#]Cialis[/url] Propecia Usp Cialis Buy Bactrim Without Prescription

JanleF
Гость

Viagra Pfizer Online [url=https://apcialisle.com/#]Cialis[/url] Is There A 100 Mg Cialis Cialis Cialis 20mg Prix En Pharmacie

StepFoush
Гость

Cheap Fluoxetine Antidepressant Prague [url=https://apcialisle.com/#]buy cialis generic online[/url] Viagra E Effetti Cialis Usa No Subscription Pharmacy

JanleF
Гость

Lilly Cialis 5mg [url=https://apcialisle.com/#]Cialis[/url] Cialis Online Rezeptfrei Bestellen cialis generic canada Propecia 5mg Kaufen

JanleF
Гость

Priligy Ventes [url=https://viacialisns.com/#]Cialis[/url] Viagra Proffesional Online Australia cialis buy online usa Pastilla Cialis Buena

JanleF
Гость

Viagra 10mg [url=https://cheapcialisir.com/#]Cialis[/url] Skin Rashes From Amoxicillin cialis generic online Amoxicillin Life

Edwinfic
Гость

Chanel Chanel Allure Homme Sport Gucci Giorgio Armani