Генератор share-ссылок для соцсетей — кнопки «Поделиться» для сайта
Шесть ссылок «Поделиться» из одного адреса: VK, Telegram, WhatsApp, Одноклассники, почта и X. Плюс готовый HTML-блок для шаблона сайта.
Под статьёй нужны кнопки «Поделиться». У каждой площадки свой формат ссылки: VK ждёт один параметр, Telegram другой, WhatsApp склеивает текст и адрес в одно сообщение. Ещё всё это надо закодировать, иначе заголовок с кавычкой или кириллицей ломает ссылку.
Поля выше закрывают вопрос за один заход. Вписали адрес, заголовок и текст: забрали шесть ссылок и готовый HTML-блок с кнопками.
Кому пригодится
Редактору блога, который ставит кнопки под каждой статьёй. Маркетологу, который руками разносит анонс по чатам. Владельцу магазина: кнопка в карточке товара начинается с такой же ссылки.
Продажнику тоже найдётся применение. Ссылка на WhatsApp открывает мессенджер с уже набранным сообщением, текст и адрес страницы идут вместе.
Что вписывать в три поля
- Адрес страницы. Без него ничего не соберётся: пока адрес не распознан, под полем висит подсказка. Схему можно не писать, https подставится сам.
- Заголовок. Его забирают VK, Одноклассники и тема письма.
- Текст для шаринга. Его забирают Telegram, WhatsApp и X.
Заполнять оба поля не обязательно. Оставите одно, инструмент подставит его и туда, и туда.
Что делать с результатом
Шесть ссылок копируются по одной. Это для случая, когда надо быстро кинуть анонс в чат или собрать кнопки руками в конструкторе.
Ниже лежит готовый HTML сразу со всеми кнопками: обёртка с классом share-buttons и шесть ссылок с подписями. Внешние открываются в новой вкладке, почтовая остаётся в текущей. Фрагмент вставляют в шаблон сайта, в подвал статьи или в карточку товара.
Одна оговорка. Адрес страницы зашит в ссылки намертво. Для каждой новой статьи фрагмент придётся пересобрать или подставлять адрес шаблоном сайта.
На что обратить внимание
Кодирование инструмент берёт на себя. Кавычки, пробелы, кириллица и вопросительные знаки доедут до площадки целыми.
Почтовая ссылка собирается через mailto. Заголовок уходит в тему, текст и адрес в тело письма. Откроется то, что назначено почтовым клиентом на устройстве.
Ссылки стоит проверить до того, как они уедут в шаблон. Откройте каждую и посмотрите, что подставилось: заголовок, текст, адрес.
Считается всё в браузере. Адрес, заголовок и текст на сервер не уходят.
Частые вопросы
Зачем отдельно нужны заголовок и текст?
Разные площадки используют разные параметры: VK и Одноклассники — title, Telegram, WhatsApp и X — text. Если заполнить только одно поле, инструмент подставит его туда, где это нужно.
Можно ли использовать готовый HTML-блок на своём сайте?
Да, скопируйте фрагмент из поля «Готовый HTML для кнопок «Поделиться»» и вставьте его в шаблон — там уже прописаны ссылки и подписи для всех площадок.
Данные со страницы куда-то передаются?
Нет, все ссылки собираются и кодируются прямо в браузере, без отправки на сервер.