Когда-либо хотели поделиться определенным фотограммой Instagram или видеороликом) на своем веб-сайте, а затем разочаровывались, пытаясь сохранить фотографию на свой компьютер и загрузить ее на свой сайт?
Instagram имеет встроенную функцию, которая позволяет легко вставлять фотографии или видео в HTML вашего сайта или в блог, и вам не обязательно быть веб-дизайнером, чтобы понять, как это сделать.
Преимущество встраивания сообщений Instagram прямо в ваши веб-страницы заключается в том, что посетители вашего сайта могут взаимодействовать с сообщением, как если бы они были на Instagram. Они могут щелкнуть по нему, чтобы перейти на страницу сообщения или профиль пользователя, который они оценят, если они уже сами пользователи Instagram.
Перейдите к следующему этапу, чтобы узнать, как вы можете легко вставлять любую фотографию или видеоролик Instagram на ваш сайт всего за несколько минут.
01 из 06Найдите страницу фотограмм Instagram или видео, которые вы хотите внедрить
Прежде всего: вам нужно получить доступ к Instagram в Интернете, а не к мобильному приложению.
Если вам нужно встроить сообщение, которое вы нашли в приложении, вы можете нажать три точки которые появляются в правом верхнем углу любого сообщения, а затем нажмите Копировать ссылку который появляется в меню, чтобы скопировать и вставить его где-нибудь, чтобы получить к нему доступ в Интернете.
Например, вы можете вставить его в сообщение электронной почты и отправить его себе, чтобы вы могли открыть ссылку на этот пост на настольном компьютере.
Откройте сообщение Instagram в веб-браузере
В этом примере мы будем использовать фотографию из официальной учетной записи Lifewire Instagram, но вы можете использовать любую запись в Instagram, которую вы хотите.
Если у вас уже есть URL для сообщения, просто нажмите на него или скопируйте его и вставьте в свой веб-браузер. URL-адрес сообщения Instagram будет выглядеть примерно так: instagram.com/p/xxxxxxxxxx/ .
Однако, если вы уже находитесь на Instagram.com (в Интернете, помните, а не в приложении), просматривая домашний канал, профиль, тег или страницу «Исследуйте», вам даже не нужно открывать страницу сообщения, чтобы встроить его в веб-страницу.
03 из 06Нажмите на три точки в правом нижнем углу
Вместо того, чтобы щелкнуть мышью правой кнопкой мыши и выбрать «Сохранить как» или сделать снимок экрана, просто попробуйте найти три точки в правом нижнем углу окна изображения, который будет там, независимо от того, просматриваете ли вы сообщение в виде всплывающего окна над страницей, в своем канале или на собственной почтовой странице.
Нажмите на эти три серые точки, и вы увидите несколько вариантов. Нажмите на встраивать.
04 из 06Скопируйте код Embed
В середине экрана появится окно с отображением строки кода и синей кнопки. Если вы хотите включить заголовок для отображения на веб-странице, вы можете оставить Включить заголовок , но если вы просто хотите показать фотографию или видео, вы можете снять его.
Вам не обязательно знать, как работает какой-либо код или что это значит, чтобы правильно вставлять фотографию или видео на свой сайт. Просто нажмите на синийКопировать код встроенного кода для автоматической копирования всей строки кода.
Теперь вы закончили страницу Instagram. Затем вы можете перейти на свой сайт или блог, где вы хотите, чтобы сообщение отображалось.
05 из 06Вставьте код встроенного кода Instagram в HTML-код вашего сайта
Вам решать получить доступ к области администрирования или панели мониторинга того или иного веб-сайта или платформы блогов, которые вы используете, и найти нужную область для вставки кода.
Например, если ваш сайт работает в WordPress, вам просто нужно получить доступ к редактируемому сообщению или странице в Текстовый режим (а не визуальный режим), правый клик в редакторе и выберите Вставить чтобы вставить ваш скопированный код вставки.
Сохраните его, сосредоточьте его, если хотите, опубликуйте его, и все готово.
06 из 06Просмотр вашей страницы и встроенной фотографии Instagram
Взгляните на опубликованную страницу онлайн, чтобы увидеть новую фотографию или видео Instagram, аккуратно встроенную прямо в нее.
Вы должны увидеть фотографию со ссылкой на имя пользователя Instagram наверху, а также количество понравившихся и комментариев под ним.
Если это видео вместо фотографии, посетители вашего сайта смогут воспроизводить видео прямо на вашем сайте.
Конечно, если на вашем сайте ничего не отображается, возможно, вы вставили код в неправильном месте или, возможно, не скопировали полную строку кода. Ознакомьтесь с этой замечательной статьей справки WordPress HTML, если у вас возникли проблемы.
