Как встроить код на свой сайт
Вы можете включить видео, сообщения в социальных сетях или другой сторонний контент на свой веб-сайт или в блог. Один из самых простых способов сделать это — использовать код для встраивания, поскольку он позволяет включать эти элементы в ваш контент. Коды для встраивания могут помочь сделать ваш контент более привлекательным и привлечь трафик на внешний веб-сайт или в учетную запись в социальной сети. В этой статье мы объясним, что такое код для встраивания, почему вы можете его использовать и как вы можете добавить его на свой веб-сайт.
Что такое код для встраивания?
Код для встраивания — это HTML-ссылка, которую вы можете использовать для размещения стороннего контента на своем веб-сайте. Хост стороннего контента генерирует ссылку, которую вы копируете. Когда вы вставляете ссылку в систему управления контентом вашего веб-сайта (CMS), сторонний контент появляется на вашей опубликованной странице. Коды для встраивания обычно содержат ссылку на источник, а также высоту и ширину элемента.
Зачем использовать код для встраивания?
Многие веб-сайты блогов используют коды для встраивания, чтобы сделать свои сообщения более привлекательными. Например, если вы пишете пост для рецепта, вы можете добавить изображение готового блюда, чтобы показать читателям, чего ожидать. Вы можете использовать код для встраивания, чтобы отобразить изображение из своей учетной записи в социальной сети, что позволит пользователям просматривать изображение, не покидая ваш сайт. Если пользователи нажимают на встроенный пост, чтобы увидеть больше ваших фотографий, вы можете увеличить трафик на свою учетную запись в социальной сети. Другие причины, по которым вы можете использовать код для встраивания, включают:
Чтобы кредитовать идеи другого веб-сайта
Чтобы пользователи могли получать доступ к стороннему контенту с меньшим количеством кликов
Для предоставления дополнительной информации по теме
Как добавить код для встраивания на свой сайт
Выполните следующие действия, чтобы добавить код для встраивания на свой веб-сайт:
1. Скопируйте код для встраивания
Большинство платформ и веб-сайтов социальных сетей генерируют коды для встраивания отдельных сообщений. Перейдите к сообщению, которое вы хотите разместить на своем веб-сайте, и найдите параметр для создания кода для встраивания. Перед копированием кода вы можете настроить такие параметры элемента, как ширина и высота. После внесения необходимых изменений скопируйте код в буфер обмена.
Процесс копирования кода для встраивания зависит от того, какой веб-сайт вы используете. Вот конкретные инструкции для некоторых из наиболее распространенных платформ:
Как скопировать код для встраивания из Instagram
Вот как скопировать код для встраивания из Instagram:
Откройте Instagram в браузере настольного компьютера.
Перейдите к публикации, которую вы хотите разместить на своем веб-сайте.
Нажмите на три точки в правом верхнем углу публикации.
Нажмите «Встроить».
Установите флажок рядом с «Включить заголовок», если вы хотите, чтобы заголовок отображался на вашем веб-сайте.
Нажмите «Копировать код для вставки».
Как скопировать код для встраивания из Facebook
Вот как можно скопировать код для встраивания из Facebook:
Откройте Facebook в браузере настольного компьютера.
Перейдите к публикации, которую вы хотите разместить на своем веб-сайте.
Нажмите на три точки в правом верхнем углу публикации.
Нажмите «Встроить».
Нажмите «Копировать код».
Как скопировать код для встраивания с YouTube
Вот как скопировать код для встраивания с YouTube:
Откройте YouTube на компьютере или в мобильном браузере.
Перейдите к видео, которое вы хотите включить в свой пост.
Под видео нажмите «Поделиться».
Нажмите «Встроить».
Настройте начальную точку видео и отображение элементов управления проигрывателем (необязательно).
Нажмите «Копировать».
Как скопировать код для встраивания из Pinterest
Вот как скопировать код для встраивания из Pinterest:
Откройте Pinterest на компьютере или в мобильном браузере.
Перейдите к посту Pinterest, который вы хотите встроить.
Нажмите на три точки рядом с изображением в настольной версии или под изображением в мобильном браузере.
Нажмите «Получить пин-код для встраивания».
Выберите размер публикации на вашем веб-сайте (маленький, средний, большой или очень большой).
Выберите код и скопируйте его в буфер обмена.
Как скопировать код для встраивания из SlideShare
Вот как скопировать код для встраивания из SlideShare:
Откройте презентацию SlideShare, которую вы хотите разместить на своем веб-сайте.
Под презентацией нажмите «Поделиться».
Настройте размер элемента и выберите слайд, с которого вы хотите начать презентацию.
Выберите код и скопируйте его в буфер обмена.
Как скопировать код для встраивания с сайта
Если вы хотите встроить веб-страницу вместо сообщения в социальной сети, следуйте этим инструкциям, чтобы скопировать код встраивания с веб-сайта:
Откройте приложение «Блокнот» на своем компьютере и вставьте в него код.
Перейдите на веб-страницу, которую вы хотите встроить, и скопируйте ее URL-адрес в буфер обмена.
Вернитесь в приложение «Блокнот» и замените часть кода с URL-адресом на URL-адрес, который вы скопировали в буфер обмена.
Вставьте пользовательские размеры ширины и высоты (необязательно).
Скопируйте весь код в буфер обмена.
2. Вставьте код для встраивания в CMS вашего сайта.
После того, как вы скопируете код для встраивания, вы сможете использовать CMS своего веб-сайта для доступа к его HTML-редактору. Вставьте код в редактор HTML и сохраните изменения. Сторонний контент появляется в вашем сообщении после публикации страницы.
Помните, что процесс вставки кодов для встраивания может отличаться в зависимости от того, какую CMS вы используете. Вот инструкции для двух популярных систем управления контентом:
Как вставить код для встраивания через WordPress
Вот как вставить код для встраивания через WordPress:
Перейдите в админку и нажмите «Сообщения» или «Страницы».
Нажмите на заголовок публикации, которую вы хотите дополнить сторонним контентом.
Нажмите «Текст» в правом верхнем углу текстового редактора.
Вставьте код встраивания туда, где вы хотите, чтобы элемент отображался.
Как вставить код для встраивания через CMS Hub
Вот как вставить код для встраивания через CMS Hub:
Перейдите на панель инструментов и выберите «Маркетинг» > «Веб-сайт» > «Блог или маркетинг» > «Веб-сайт» > «Страницы веб-сайта».
Наведите курсор на публикацию или страницу, на которую хотите добавить код для встраивания, и нажмите «Изменить».
Нажмите на то место, где вы хотите, чтобы элемент появился.
Нажмите «Вставить» на панели параметров.
Нажмите «Встроить».
Вставьте код во всплывающее окно и нажмите «Вставить».
Если вы хотите добавить код для встраивания с помощью HTML-редактора CMS Hub, выполните шаги 1–3. Вместо того, чтобы нажимать «Вставить», нажмите «Дополнительно» > «Исходный код». Затем вставьте код для встраивания в нужное место.
Отказ от ответственности. Обратите внимание, что ни одна из компаний или продуктов, упомянутых в этой статье, не связана с компанией Indeed.