Генератор embed-кода

Генератор embed-кода собирает из вашей картинки или видео два куска HTML. Первый — код вставки: сама картинка или плеер плюс подпись, ведущая на страницу-источник. Второй — блок для вашей страницы: заголовок, окно с кодом вставки и, по желанию, кнопка копирования. Читатель копирует код из окна, вставляет к себе на сайт, и у него на странице появляется ваша картинка или видео со ссылкой на вас.

Всё, что вы вводите в поля, экранируется: кавычки в описании картинки и угловые скобки в подписи не сломают блок. Адреса принимаются только по http и https.

Зачем нужен блок с embed-кодом

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

Ссылка идёт без атрибута nofollow и стоит в двух местах: вокруг картинки и в подписи под ней. Если добавить в адрес страницы метки UTM, переходы из таких вставок вы увидите в отчётах «Метрики» отдельной строкой. Собрать адрес с метками можно в генераторе UTM-меток.

Какие видео генератор принимает по ссылке

Плеер собирается из обычной ссылки на видео: YouTube понимает адреса watch, youtu.be, shorts и live, а время начала из параметра t переносится в start, и ролик заиграет с нужной секунды. RuTube принимает ссылки на видео и shorts, VK Видео — адреса на vkvideo.ru и vk.com, включая клипы. Закрытое видео в RuTube вставляется по ссылке с ключом p; для публичного ролика VK ключ hash не нужен.

Подойдёт и iframe-код, скопированный с площадки: генератор достанет из него адрес плеера. С Дзеном без этого не обойтись, потому что у ссылки просмотра и у самого плеера разные адреса, и из одного второй не получить. Откройте ролик, нажмите «Поделиться» и возьмите там код для встраивания.

Незнакомую площадку с https генератор вставляет как есть. Проверьте результат в предпросмотре «На чужом сайте» перед публикацией.

Резиновый размер и вертикальные ролики

Галочка «Резиновый размер» не даёт вставке вылезти за края. Блок не станет шире заданного размера, а на узкой колонке или телефоне сожмётся; высоту генератор считает сам по пропорции. Если галочку снять, вставка займёт ровно заданные точки, и на телефоне может вылезти за край. Когда не знаете ширину колонок на чужих сайтах, резиновый размер оставьте включённым.

Пропорции подставляются по типу ролика: обычное видео идёт в 16:9 при ширине 640, shorts и клипы — в 9:16 при ширине 360. Чтобы заранее привести картинку к нужной ширине, прогоните её через уменьшение размера картинки.

Куда вставить код блока

Код блока вставляется в HTML страницы рядом с тем же материалом: под картинкой или видео, к которым он относится. В WordPress для этого есть блок «Произвольный HTML»; обычный визуальный редактор превратит код в видимый текст.

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