Как да вградиш снимка или видео от Instagram в блога си

Имаш блог или сайт и както на мен, за нуждите на някоя публикация, ти трябва да вградиш снимка или видео от Instagram.

Добавяне на Instagram снимки, мисля, не само прибавя качества към блога, но го прави много по-интересен визуално за читателя. Има различни начини и сега ще разгледам някои.

Публикацията е обновена на 17.09.2021.

Как да вградиш снимка или видео от Instagram в собствения си блог или сайт

(adsbygoogle = window.adsbygoogle || []).push({});

Instagram разработчиците са дали възможност за вграждане на отделни изображения от Instagram на страниците на блога.

Важно: За да вградиш конкретни публикации от Instagram в блог или уебсайт, профилът в Instagram, към който принадлежат, не трябва да бъде зададен като частен. 

Как да процедираш:

Виж още: Професионалното табло за управление в Instagram – за бизнес профили и създатели

В браузъра иди на Instagram акаунта, от който искаш да вградиш снимка в публикацията си. В горния десен ъгъл има бутон многоточие:

Кликни и избери Embed от следващия прозорец:

От следващото прозорче изкопирай кода за вграждане:

Може да се избере дали да се включи текста към снимката или не. Иди в блога на мястото, където ще публикуваш (WordPress). В Текстовия редактор постави кода.

(adsbygoogle = window.adsbygoogle || []).push({});

В блоковия редактор Gutenberg на WordPress извикай блок HTML и постави там кода:

Ако блогът е на Blogger – иди в режим HTML и постави копирания код. Забележи, че в кода за вграждане е включена и част от JavaScript, което е необходимо, за да се адаптира по напълно автоматичен начин размерът на прозореца от Instagram с този на страницата, която го приютява. Така се оптимизира дисплея както на голям монитор, така и на по-малките екрани на смартфони и таблети. Ето резултата:

View this post on Instagram

A post shared by LOVES_UNITED ☆ NAPOLI (@loves_united_napoli)

По същия начин става и с видео: