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

Być może w przeszłości natknąłeś się na stronę internetową, która zawiera blok postów na Instagramie, zwykle na dole strony głównej. Na przykład ta witryna fotograficzna z siedzibą w Wielkiej Brytanii ma pasek z kilkoma kafelkowymi zdjęciami na Instagramie u dołu strony głównej. Jeśli bezpośrednio odwiedzisz ich kanał na Instagramie, zobaczysz, że są to ich najnowsze posty, ułożone w siatkę. Za każdym razem, gdy publikują coś nowego, nowe zdjęcie pojawia się również na ich stronie internetowej.

To naprawdę fajny sposób na zintegrowanie Instagrama z twoją stroną wizualną. Pokazujesz swoje ostatnie posty i masz gotowe linki do swojego konta na Instagramie, które każdy może kliknąć, aby je odkryć.

Ten rodzaj konfiguracji jest wciągający i może wykonać świetną robotę, kierując odwiedzających Twoją witrynę na Twoją stronę na Instagramie. Jednak w rzeczywistości konfiguracja jest bardziej skomplikowana, niż mogłoby się wydawać.

Interfejs API Instagrama

Teraz możesz mi powiedzieć „dlaczego po prostu nie skorzystać z jednej z dostępnych wtyczek?” Odpowiedź brzmi: „idź prosto”. Istnieje wiele wtyczek, które zapewniają te opcje wyświetlania kanałów, o czym opowiem na końcu tego postu.

Oto problem. Każda z tych wtyczek musi korzystać z interfejsu API Instagrama, aby uzyskać dostęp do treści i pobrać dane do oficjalnego osadzenia. Jeśli nie korzystasz z interfejsu API, musisz zeskrobać stronę, a skrobanie strony jest ogólnie niezgodne z warunkami użytkowania witryny takiej jak Instagram. W końcu nie chcą zajmować się złodziejami treści i tym podobnymi.

To nie znaczy, że tak się nie dzieje. Jestem pewien, że widziałeś kilkadziesiąt stron internetowych, które nie robią nic poza zdrapywaniem Instagrama. Strony takie jak Picdeer, Pictame i Piknow mają za sobą ciekawą historię, więc pozwólcie mi na chwilę dygresji.

Przed laty Instagram był wyłącznie platformą mobilną. Nie było sposobu, aby uzyskać do niego dostęp za pośrednictwem czegokolwiek innego niż bezpośrednio przez aplikację Instagram. Oznaczało to, że platformy komputerowe nie były w stanie korzystać z witryny, co znacznie ograniczało dostęp biznesowy.

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

W końcu Instagram uwidocznił swoją sieć na komputerach stacjonarnych, chociaż nadal jesteś ograniczony w niektórych formach działań, które możesz podjąć. Na razie nie możesz publikować z pulpitu.

Żadna z tych witryn nie była oficjalnie obsługiwana i żadna z nich nie korzystała z interfejsu API Instagrama. Wszystko, co zrobili, to zeskrobanie treści za pomocą niestandardowych aplikacji. Teraz Instagramowi się to nie podobało, a upublicznienie ich platformy pomogło im zwalczyć. Wielu zmarło w nocy, ale niektóre, które nadal istnieją, takie jak te wymienione powyżej, dodają dodatkowe funkcje. Mogą mieć inny rodzaj przeszukiwania treści lub sposób przeglądania i odkrywania nowej 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 zdrapywać zawartość do wyświetlenia.

Wszystko to jest w zasadzie tylko po to, by zilustrować pewną kwestię. Chociaż skrobanie może być technicznie niezgodne z warunkami korzystania z usługi Instagram, tak naprawdę nie zrobili zbyt wiele ścigania lub innych 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.

Wróćmy jednak do głównego pytania. Dlaczego po prostu nie użyć jednej z tych wtyczek? Cóż, Instagram API to kapryśna kochanka. W rzeczywistości, jeszcze w grudniu 2018 r. Instagram wprowadził poważną zmianę w swoim interfejsie API i wycofał starszą wersję. Widzisz duże wyłączenie odpowiedzialności/ostrzeżenie na górze tej strony? To były wszystkie ostrzeżenia marek korzystających 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 skrobakom, te wtyczki umrą. Jeśli Instagram radykalnie zmieni swoje API, te wtyczki umrą. Tak czy inaczej, polegasz na stronie trzeciej, która dostosuje swój kod do wszelkich zmian wprowadzanych przez Instagram, co może być zawodne.

Wciąż wymienię kilka wtyczek później, ponieważ udowodniły, że są na bieżąco i działają nawet dzięki zmianom na Instagramie. Pamiętaj jednak, że zamiast tego może działać inne rozwiązanie.

Innym powodem, dla którego te wtyczki mogą mieć problemy, jest to, że wymagają dostępu do interfejsu API zamiast własnego . Niektórzy używają Twojego dostępu do interfejsu API, aby ominąć limity szybkości; pobierają zawartość z dostępem API każdej osoby, a nie jednym scentralizowanym dostępem, który może zostać przytłoczony. Problem polega na tym, że jeśli Twój dostęp do interfejsu API zostanie z jakiegoś powodu cofnięty, nie będziesz mógł dalej korzystać z tych wtyczek.

Jeśli mimo wszystko nadal jesteś zainteresowany wyświetlaniem treści z Instagrama na swojej stronie – a powinieneś, jest to całkiem przydatne i naprawdę fajne – oto Twoje opcje.

Opcja 1: Udawanie

Pierwszą opcją, jaką masz, jest sfałszowanie go za pomocą dużej ilości ręcznej pracy. Nie jest to trudne, ale może być czasochłonne i jest to coś, co musisz zrobić, jeśli chcesz zachować parzystość między kontem na Instagramie a „osadzonymi” witrynami. Umieszczam tutaj embedy w przerażających cytatach, ponieważ nie są one nawet technicznie osadzone.

Jak działa ta metoda? Cóż, prawdopodobnie robisz zdjęcia aparatem cyfrowym i edytujesz je na komputerze przed przesłaniem ich na urządzenie mobilne, aby opublikować je na Instagramie. Podczas ich edycji zrób dwie kopie. Jedna kopia zostanie przesłana na Instagram jak zwykle. Druga kopia zostanie przesłana na Twój hosting.

Kiedy publikujesz treści na Instagramie, tworzysz post na Instagramie. Zawiera Twój podpis, permalink i inne powiązane z nim informacje. Utwórz i opublikuj ten post.

Teraz przejdź do swojej witryny i stwórz siatkę, w której chcesz umieścić treść na Instagramie. Prześlij swoje zdjęcie do swojego usługodawcy hostingowego i umieść je w jednej z komórek siatki. Skopiuj permalink do posta na Instagramie i zrób ze zdjęcia link. Jeśli chcesz, aby coś, co używa skryptu najechania do wyświetlania podpisu obrazu, wymagało nieco więcej kodowania, ale możesz również skopiować i wkleić podpis.

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

Drugim poważnym minusem jest to, że zajmuje miejsce na twoim hostingu . Zaletą korzystania z dostępu do interfejsu API Instagrama lub scrapingu jest to, że obrazy są nadal hostowane w sieci CDN Facebooka, co oznacza, że ​​ładują się szybko bez konieczności zajmowania własnych zasobów serwera. Ta fałszywa opcja osadzania nie zapewnia tej korzyści.

Opcja 2: ręczne osadzanie

Drugą możliwą opcją jest użycie niestandardowego kodu i ręcznych osadzeń z Instagrama. Każdy post na Instagramie ma możliwość osadzenia go. Kliknij post i kliknij trzy kropki w prawym górnym rogu podpisu, a jedna z opcji zostanie osadzona. To kopiuje długi kod i używa interfejsu API Instagrama. Główną korzyścią jest to, że pomimo korzystania z interfejsu API, jest to podstawowa funkcja Instagrama i jest mało prawdopodobne, aby się zmieniła. Kiedy Instagram wprowadza zmiany w API, upewnia się, że ich własne usługi nie są naruszone.

Gdy osadzasz post we własnej witrynie, zwykle pojawia się on w pełnym rozmiarze i z podpisem, ale jeśli wolisz, możesz powiedzieć, aby nie zawierał podpisu. To oczywiście nie jest idealne dla 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, który omija użycie wtyczki innej firmy. Obsługuje każdy post na Instagramie, ale wymaga niestandardowego kodu i jest to rodzaj kiepskiego rozwiązania. 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 do umieszczenia na stronie dla każdego z nich. Dodatkowo, dodając, że wiele osadzeń 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 z skrobaka innej firmy

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

Na przykład Feedity jest jedną z takich usług zgarniania stron trzecich . Dzięki temu możesz załadować stronę internetową w ich niestandardowym interfejsie skrobaka i wybrać, które fragmenty danych chcesz wyszukać i zeskrobać, gdy się zmienią. Feedity w tym przypadku formatuje te dane jako kanał RSS.

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

Ta opcja jest nieco mniej niż idealna z kilku powodów. Przede wszystkim wymaga znacznej ilości niestandardowego kodowania dla Twojej witryny. Jeśli nie masz doświadczenia w programowaniu, będziesz musiał zatrudnić programistę, co może być kosztowne.

Ponadto polegasz na usługach stron trzecich, które zrobią za Ciebie skrobanie, i polegasz na tym, że pracują na Instagramie – co jest trudne – i polegasz na tym, że Instagram nie zmienia projektu swojej witryny, aby utrudnić tego rodzaju próby skrobania. Faktem jest, że Instagram nie lubi skrobaków i chociaż tak naprawdę nie ścigają ich indywidualnie, utrudniają im życie.

Opcja 4: Tworzenie niestandardowego skrobaka

Oczywiście skrobanie nie jest takie trudne do skonfigurowania. Może wydawać się, że skrobanie jest trudne ze względu na różne dostępne rozwiązania, ale wszyscy starają się być „jeden rozmiar dla wszystkich”, aby sprzedawać swoje usługi jako firma. Jeśli wszystko, co chcesz zrobić, to samemu coś zeskrobać, Twój kod prawdopodobnie będzie o wiele prostszy. Następnie możesz po prostu utworzyć kod do zeskrobywania Instagrama raz dziennie lub cokolwiek innego, sformatować dane w dowolny sposób i skonfigurować własne niestandardowe osadzania.

Podobnie jak w przypadku niektórych innych opcji, wymaga to dużo osobistego kodowania 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ć za programistę. Trzeba też zmagać się z tym, że Instagram zmienia swoją stronę i utrudnia skrobanie, co zdarza się 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 wcześniej powody, dla których nie powinieneś używać wtyczki, ale nadal możesz to rozważyć. Niektóre wtyczki są dobre w nadążaniu za zmianami, nie potrzebują Twojego API do działania i są proste w konfiguracji.

Rozważ następujące opcje: EmbedSocial, Juicer, SnapWidget i Elfsight. Są to wszystkie opcje, które 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 się przyjrzeć.