Jak dodać zdjęcia z Instagrama do swojej witryny bez interfejsu API

Być może w przeszłości natrafiłeś na witrynę zawierającą blok postów na Instagramie, zwykle umieszczony na dole strony głównej. Na przykład ta brytyjska witryna fotograficzna ma pasek z kilkoma sąsiadującymi zdjęciami z Instagrama u dołu strony głównej. Jeśli bezpośrednio odwiedzisz ich kanał na Instagramie, zobaczysz, że są to najnowsze posty ułożone w siatce. Za każdym razem, gdy opublikują coś nowego, nowe zdjęcie pojawia się również na ich stronie internetowej.

To naprawdę fajny sposób na integrację Instagrama z Twoją wizualnie zorientowaną stroną internetową. Pochwalisz się swoimi najnowszymi postami i masz gotowe linki do swojego konta na Instagramie, które każdy może kliknąć i przeglądać.

Tego rodzaju konfiguracja jest wciągająca i może świetnie pomóc w skierowaniu odwiedzających Twoją witrynę do Twojej strony na Instagramie. Jednak w rzeczywistości konfiguracja jest bardziej skomplikowana, niż mogłoby się wydawać.

Interfejs API Instagrama

Być może teraz powiesz mi : „dlaczego nie skorzystać po prostu z jednej z dostępnych wtyczek?” Odpowiedź brzmi zazwyczaj: „Idź dalej”. Istnieje wiele wtyczek zapewniających te opcje wyświetlania kanałów. Opowiem o nich na końcu tego wpisu.

Oto problem. Każda z tych wtyczek musi korzystać z interfejsu API Instagrama, aby uzyskać dostęp do treści i pobrać dane w celu oficjalnego osadzenia. Jeśli nie korzystasz z interfejsu API, musisz zeskrobać stronę, a zdrapanie strony jest generalnie niezgodne z warunkami korzystania z witryny takiej jak Instagram. W końcu nie chcą mieć do czynienia ze złodziejami treści i tym podobnymi.

To nie znaczy, że tak się nie dzieje. Jestem pewien, że widziałeś kilka z dziesiątek stron internetowych, które nie robią nic innego, jak tylko przeglądają Instagram. Strony takie jak Picdeer, Pictame i Piknow mają za sobą ciekawą historię, więc pozwólcie, że na chwilę odskoczę.

Wiele lat temu Instagram był wyłącznie platformą mobilną. Nie można było uzyskać do niego dostępu za pośrednictwem niczego innego niż bezpośrednio aplikacja Instagram. Oznaczało to, że platformy komputerowe nie mogły korzystać z witryny i znacznie ograniczyły dostęp biznesowy.

Ponieważ wiele osób chciało uzyskać dostęp do kanałów na Instagramie bez konieczności korzystania z urządzenia mobilnego lub aplikacji mobilnej, pojawiły się wszystkie te witryny. Jedyne, co zrobili, to zeskrobać posty z Instagrama i wyświetlić je publicznie.

Ostatecznie Instagram udostępnił swoją sieć jako widoczną na komputerach stacjonarnych, choć nadal masz ograniczone możliwości podjęcia niektórych form działań. Przykładowo, w tej chwili nie można publikować z komputera.

Żadna z tych witryn nie była oficjalnie obsługiwana i żadna nie korzystała z interfejsu API Instagrama. Jedyne, co zrobili, to zeskrobać zawartość za pomocą niestandardowych aplikacji. Instagramowi się to nie spodobało, a upublicznienie swojej platformy pomogło z nimi walczyć. Wiele z nich zginęło z dnia na dzień, ale niektóre, które nadal istnieją, jak te wymienione powyżej, dodają dodatkowe funkcje. Mogą mieć inny rodzaj wyszukiwania treści lub sposób przeglądania i odkrywania nowych treści, a może po prostu unikalny sposób wyświetlania treści. Chodzi o to, że byli zmuszeni zapewnić wartość dodaną, zamiast po prostu zeskrobywać treść do wyświetlenia.

Wszystko to ma na celu po prostu zilustrowanie pewnej kwestii. Chociaż skrobanie może być technicznie sprzeczne z warunkami korzystania z usługi Instagram, tak naprawdę nie wszczęli oni zbyt wielu postępowań karnych ani nie podejmowali w inny sposób działań przeciwko witrynom, które to robią. Ponieważ niektóre z opcji, które mam dla Ciebie poniżej, obejmują takie ręczne skrobanie, możesz zobaczyć, dlaczego może to stanowić problem.

Wracając jednak do głównego pytania. Dlaczego po prostu nie skorzystać z jednej z tych wtyczek? Cóż, API Instagrama jest kapryśną kochanką. W rzeczywistości jeszcze w grudniu 2018 r. Instagram wprowadził poważną zmianę w swoim interfejsie API i wycofał starszą wersję. Widzisz duże zastrzeżenie/ostrzeżenie na górze tej strony? To były wszystkie ostrzeżenia, jakie otrzymały marki korzystające z API.

Teraz wtyczki, które znajdziesz do wyświetlania kanałów na Instagramie, opierają się na interfejsie API Instagrama lub na skrobaniu. Jeśli Instagram podejmie działania przeciwko scraperom, wtyczki te umrą. Jeśli Instagram radykalnie zmieni swoje API, wtyczki te umrą. Tak czy inaczej, polegasz na stronie trzeciej, która będzie dostosowywać swój kod do wszelkich zmian wprowadzanych przez Instagram, co może być zawodne.

Niektóre wtyczki opiszę jeszcze później, bo udowodniły, że są na bieżąco i działają nawet pomimo zmian na Instagramie. Pamiętaj jednak, że zamiast tego może zadziałać inne rozwiązanie.

Innym powodem, dla którego te wtyczki mogą powodować problemy, jest to, że wymagają dostępu do interfejsu API zamiast własnego. Niektórzy korzystają z Twojego dostępu API, aby ominąć limity stawek; pobierają treść za pomocą interfejsu API dostępnego dla każdej osoby, a nie za pomocą jednego scentralizowanego dostępu, który może być przytłoczony. Problem polega na tym, że jeśli z tego czy innego powodu Twój dostęp do interfejsu API zostanie cofnięty, nie będziesz mógł dalej korzystać z tych wtyczek.

Jeśli po tym wszystkim nadal jesteś zainteresowany wyświetlaniem treści z Instagrama na swojej stronie internetowej – a powinieneś być, jest to całkiem przydatne i naprawdę fajne – oto dostępne opcje.

Opcja 1: Udawanie

Pierwszą opcją, jaką masz, jest sfałszowanie tego przy użyciu dużej ilości pracy ręcznej. Nie jest to trudne, ale może być czasochłonne i jest to coś, co musisz zrobić, jeśli chcesz zachować równowagę między swoim kontem na Instagramie a „osadzonymi” witrynami. Umieszczam tutaj osady w przerażających cytatach, ponieważ z technicznego punktu widzenia nie są one nawet osadzane.

Jak więc działa ta metoda? Cóż, prawdopodobnie robisz zdjęcia aparatem cyfrowym i edytujesz je na komputerze przed przesłaniem ich na urządzenie mobilne w celu opublikowania na Instagramie. Podczas ich edycji wykonaj dwie kopie. Jedna kopia zostanie normalnie przesłana na Instagram. Druga kopia zostanie przesłana na Twój hosting.

Publikując treść na Instagramie, tworzysz post na Instagramie. Zawiera Twój podpis, bezpośredni link i inne powiązane z nim informacje. Utwórz i opublikuj ten post.

Teraz przejdź do swojej witryny i utwórz siatkę, w której chcesz umieścić swoje treści na Instagramie. Prześlij swoje zdjęcie do swojego dostawcy hostingu i umieść je w jednej z komórek siatki. Skopiuj link bezpośredni do posta na Instagramie i ustaw zdjęcie jako link. Jeśli chcesz czegoś, co używa skryptu aktywowanego do wyświetlania podpisu obrazu, będzie to wymagało nieco więcej kodowania, ale możesz również skopiować i wkleić swój podpis.

Ta opcja ma dwie główne wady. Po pierwsze, wymaga to czasu i musisz o tym pamiętać z każdym zdjęciem, które publikujesz na Instagramie. Jeśli zapomnisz przesłać obraz na swoją stronę, przesuń wszystkie obrazy w dół siatki i dodaj nowy obraz do pierwszego miejsca, Twoje kanały będą wyglądać inaczej.

Drugą poważną wadą jest to, że zajmuje miejsce na hostingu . Zaletą korzystania z dostępu do API Instagrama lub skrobania jest to, że obrazy są nadal hostowane w CDN Facebooka, co oznacza, że ​​ładują się szybko, bez konieczności zajmowania własnych zasobów serwera. Ta fałszywa opcja osadzania nie daje takich korzyści.

Opcja 2: Ręczne osadzanie

Drugą możliwą opcją jest użycie niestandardowego kodu i ręcznego osadzenia z Instagrama. Każdy post na Instagramie ma możliwość jego osadzenia. Kliknij post i trzy kropki w prawym górnym rogu podpisu, a jedna z opcji zostanie osadzona. Spowoduje to skopiowanie długiego kodu i skorzystanie z interfejsu API Instagrama. Podstawową korzyścią jest to, że pomimo korzystania z interfejsu API jest to podstawowa funkcja Instagrama i jest mało prawdopodobne, aby uległa zmianie. Kiedy Instagram wprowadza zmiany w interfejsie API, upewnia się, że nie ma to wpływu na ich własne usługi.

Kiedy osadzasz post w swojej witrynie, zazwyczaj pojawia się on w pełnym rozmiarze i z podpisem, chociaż możesz zdecydować, aby nie zawierał podpisu, jeśli wolisz. To oczywiście nie jest idealne w przypadku małej siatki wielu obrazów. Aby wyświetlić go w ten sposób, będziesz musiał użyć niestandardowego kodu, aby zmniejszyć i ustawić obrazy.

Jest to w zasadzie ręczna, przeskakująca metoda tworzenia siatki w sposób omijający użycie wtyczki strony trzeciej. Obsługuje każdy post na Instagramie, ale wymaga niestandardowego kodu i jest to dość ryzykowne rozwiązanie. Nadal musisz ręcznie przesuwać swoje posty w dół siatki za każdym razem, gdy chcesz dodać nowy, i nadal musisz ręcznie pobrać kod osadzania dla każdego z nich. Ponadto dodanie wielu osadzonych w tym samym miejscu może znacznie wydłużyć czas ładowania. Ogólnie rzecz biorąc, nie jest to najlepsza opcja.

Opcja 3: Korzystanie ze skrobaka innej firmy

Jak wspomniałem wcześniej, Instagram niekoniecznie jest taki trudny do zeskrobania. Możesz skorzystać z usługi skrobaka innej firmy, aby przedstawić Ci dane, które możesz następnie sformatować i osadzić na swojej witrynie w dowolny wybrany przez Ciebie sposób.

Na przykład Feedity jest jedną z takich usług skrobaków oferowanych przez stronę trzecią . Umożliwia to załadowanie strony internetowej w ich niestandardowym interfejsie skrobaka i wybranie fragmentów danych, które mają być wyszukiwane i pobierane po zmianie. W tym przypadku Feedity formatuje te dane jako kanał RSS.

Następnie możesz użyć tego kanału RSS do osadzenia treści na swojej stronie. W zależności od projektu witryny możesz to zrobić na kilka różnych sposobów. To jest samouczek dotyczący pobierania kanału RSS i osadzania zarówno treści, jak i obrazów w witrynie, jeśli witryna korzysta z architektury WordPress. Tymczasem w tym samouczku zastosowano proste kodowanie HTML i PHP, aby zrobić to samo w przypadku bardziej tradycyjnego projektu witryny.

Ta opcja jest nieco mniej idealna z kilku powodów. Po pierwsze, wymaga to dużej ilości niestandardowego kodowania Twojej witryny. Jeśli nie masz doświadczenia w samodzielnym kodowaniu, będziesz musiał zatrudnić programistę, co może być kosztowne.

Dodatkowo polegasz na usłudze strony trzeciej, która wykona za Ciebie skrobanie i polegasz na tym, że działa na Instagramie – co jest trudne – i polegasz na tym, że Instagram nie zmienia projektu swojej witryny, aby udaremnić dokładnie tego rodzaju próby skrobania. Faktem jest, że Instagram nie lubi scraperów i choć tak naprawdę nie zajmują się nimi indywidualnie, to naprawdę utrudniają im życie.

Opcja 4: Tworzenie niestandardowego skrobaka

Scraping, oczywiście, nie jest wcale taki trudny do skonfigurowania. Może się wydawać, że skrobanie jest trudne ze względu na różne dostępne rozwiązania, ale wszyscy starają się stosować rozwiązanie „jedne rozwiązanie dla wszystkich”, aby sprzedawać swoje usługi jako firma. Jeśli wszystko, co chcesz zrobić, to zeskrobać coś samodzielnie, Twój kod będzie prawdopodobnie znacznie prostszy. Możesz zatem po prostu utworzyć kod, aby raz dziennie przeglądać Instagram lub cokolwiek innego, sformatować dane w dowolny sposób i skonfigurować własne niestandardowe osadzanie.

Podobnie jak w przypadku niektórych innych opcji, wymaga to dużo osobistego programowania lub czasu programisty, co nie jest idealne. Jeśli lubisz kodować, możesz to zrobić sam, ale jeśli nie jesteś fanem, będziesz musiał zapłacić programiście. Musisz także zmagać się z tym, że Instagram zmienia swoją witrynę i utrudnia jej zeskrobywanie, co będzie się zdarzać regularnie co kilka miesięcy. Jeśli chcesz się z tym zmierzyć, zrób to. W przeciwnym razie rozważ inną opcję.

Opcja 5: Korzystanie z wtyczki

Wiem, że omówiłem powody, dla których nie powinieneś wcześniej używać wtyczki, ale nadal możesz to rozważyć. Niektóre wtyczki dobrze nadążają za zmianami, nie wymagają interfejsu API do działania i są proste w konfiguracji.

Rozważ następujące możliwości: EmbedSocial, Juicer, SnapWidget i Elfsight. Są to wszystkie opcje, które pozwolą osiągnąć dokładnie to, czego chcesz, przy minimalnej konfiguracji. Mają oczywiście swoje zalety i wady, a niektóre z nich nie są darmowe, ale to właśnie musisz sprawdzić.