Вставить исходный код html

Как вставить код на свой сайт

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

Что такое код вставки?

Код встраивания — это HTML-ссылка, которую можно использовать для включения стороннего контента на свой сайт. Хозяин стороннего контента генерирует ссылку, которую вы копируете. Когда вы вставите ссылку в систему управления контентом (CMS) вашего сайта, сторонний контент появится на вашей опубликованной странице. Коды вставки обычно содержат ссылку на источник, а также высоту и ширину элемента.

Зачем использовать код вставки?

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

• Чтобы использовать идеи другого сайта
• Чтобы пользователи могли получить доступ к контенту сторонних производителей с меньшим количеством кликов
• Для предоставления дополнительной информации по теме

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

Выполните следующие шаги, чтобы добавить код вставки на свой сайт:

1. Скопируйте код встраивания

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

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

Как скопировать код вставки из Instagram

Вот как скопировать код вставки из Instagram:

1. Откройте Instagram в браузере на рабочем столе.
2. Перейдите к сообщению, которое вы хотите вставить на свой сайт.
3. Нажмите на три точки в правом верхнем углу поста.
4. Нажмите Вставить.
5. Установите флажок рядом с Включить надпись если вы хотите, чтобы надпись появилась на вашем сайте.
6. Нажмите Скопировать код для вставки.

Как скопировать код для вставки с Facebook

Вот как скопировать код вставки из Facebook:

1. Откройте Facebook в браузере на рабочем столе.
2. Перейдите к сообщению, которое вы хотите вставить на свой сайт.
3. Нажмите на три точки в правом верхнем углу сообщения.
4. Нажмите Вставить.
5. Нажмите Скопируйте код.

Как скопировать код вставки с YouTube

Вот как скопировать код вставки с YouTube:

1. Откройте YouTube в настольном или мобильном браузере.
2. Перейдите к видео, которое вы хотите включить в свой пост.
3. Под видео нажмите Поделиться.
4. Нажмите Вставить.
5. Настройте начальную точку видео и отображение элементов управления плеером (необязательно).
6. Нажмите Скопируйте.

Как скопировать код вставки из Pinterest

Вот как скопировать код вставки из Pinterest:

1. Откройте Pinterest в настольном или мобильном браузере.
2. Перейдите к посту Pinterest, который вы хотите вставить.
3. Нажмите на три точки рядом с изображением в настольной версии или под изображением в мобильном браузере.
4. Нажмите Получить код для встраивания.
5. Выберите, какого размера вы хотите, чтобы пост отображался на вашем сайте (маленький, средний, большой или сверхбольшой).
6. Выберите код и скопируйте его в буфер обмена.

Как скопировать код вставки из SlideShare

Вот как скопировать код вставки из SlideShare:

1. Откройте презентацию SlideShare, которую вы хотите включить на свой сайт.
2. Под презентацией нажмите Поделиться.
3. Настройте размер элемента и выберите слайд, с которого вы хотите начать презентацию.
4. Выберите код и скопируйте его в буфер обмена.

Как скопировать код вставки с веб-сайта

Если вы хотите вставить веб-страницу, а не пост в социальной сети, следуйте этим инструкциям, чтобы скопировать код вставки с веб-сайта:

1. Откройте приложение Блокнот на компьютере и вставьте в него код.
2. Перейдите на веб-страницу, которую вы хотите вставить, и скопируйте ее URL в буфер обмена.
3. Вернитесь в блокнот и замените часть кода URL на URL, который вы скопировали в буфер обмена.
4. Вставьте пользовательские размеры ширины и высоты (необязательно).
5. Скопируйте весь код в буфер обмена.

2. Вставьте код вставки в CMS вашего сайта

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

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

Как вставить код для вставки через WordPress

Вот как вставить код для вставки через WordPress:

1. Перейдите в область администратора и нажмите Посты или Страницы.
2. Нажмите на название поста, который вы хотите дополнить сторонним контентом.
3. Нажмите Текст в правом верхнем углу текстового редактора.
4. Вставьте код вставки в то место, где вы хотите, чтобы появился элемент.

Как вставить код для вставки через CMS Hub

Вот как вставить код вставки через CMS Hub:

1. Зайдите на свою панель управления и перейдите в раздел Маркетинг > Сайт > Блог или маркетинг > Веб-сайт > Страницы сайта.
2. Наведите курсор на пост или страницу, в которую вы хотите добавить код вставки, и нажмите кнопку Редактировать.
3. Щелкните на месте, где вы хотите, чтобы появился элемент.
4. Нажмите Вставить в панели опций.
5. Нажмите Вставить.
6. Вставьте код во всплывающее окно и нажмите кнопку Вставить.

Если вы хотите включить код вставки через HTML-редактор CMS Hub, выполните шаги 1-3. Вместо того чтобы нажимать Вставить, нажмите Продвинутый > Исходный код. Затем вставьте код вставки в нужное вам место.

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

Источник