Najlepsze sposoby na dodanie kanału Instagrama do witryny WordPress
Opublikowany: 2022-04-10Kiedy większość ludzi myśli o mediach społecznościowych, wyobrażają sobie Facebooka i Twittera. Jednak Instagram szybko staje się jednym z największych narzędzi społecznościowych online. Jest to witryna do udostępniania zdjęć, która rozrosła się do ponad 400 milionów aktywnych użytkowników miesięcznie. Jest również jedną z 10 najczęściej odwiedzanych stron internetowych w Ameryce. Twoja firma musi tam być!
W tym artykule omówimy kilka różnych metod, których możesz użyć do wyświetlenia swojego kanału na Instagramie w witrynie opartej na WordPressie.
Instafeed.js to świetna opcja, ale nie ma wszystkich funkcji, których możesz potrzebować. Widget Instagram firmy Elfsight i wtyczka Smashballoon to dwie inne opcje, które warto rozważyć, jeśli chcesz utworzyć kanał na Instagramie z większą funkcjonalnością niż zapewnia instafeed.js. Czytaj dalej, aby dowiedzieć się o tych trzech różnych sposobach dodawania kanału Instagram do witryny WordPress!
Dlaczego warto dodać kanał Instagram do swojej witryny?
Instagram nie jest już platformą przeznaczoną tylko dla fotografów, a wartość posiadania swojego kanału na Instagramie w swojej witrynie nie polega na tym, że jesteś „influencerem” lub że chcesz polubić i obserwować. Kanał na Instagramie pokazuje klientom i klientom, co robisz, na czym Ci zależy i jak się z Tobą skontaktować. Twój kanał na Instagramie może być również skutecznym kanałem obsługi klienta.
Instagram ma około 300 milionów aktywnych użytkowników miesięcznie. To ogromna ilość gałek ocznych dla Twojego produktu lub firmy. Nawet jeśli Twoim celem nie jest bezpośrednia sprzedaż rzeczy, kanał na Instagramie może być niezwykle cenny.
Instagram zapewnia wiele możliwości badania rynku. Możesz zobaczyć, jakie rodzaje obrazów przyciągają uwagę Twoich odbiorców i dowiedzieć się, jakie treści są bardziej prawdopodobne. W ten sposób możesz z wyprzedzeniem zaplanować posty, które z największym prawdopodobieństwem zdobędą zaangażowanie lub dotrą do odpowiednich osób. Ponadto ułatwia planowanie treści, ponieważ lepiej rozumiesz, co działa, a co nie.
Instagram to także jeden z najlepszych sposobów budowania lojalności wobec marki i zapewnienia, że klienci będą wracać po więcej. Świetny przykład od jednego z naszych klientów (firmy zajmującej się suplementami online) pokazuje, w jaki sposób ich kanał na Instagramie pomaga im łączyć się z klientami i budować lojalność wobec marki, nawet jeśli niczego nie sprzedają.
Więc... wiemy już, że Instagram jest tego wart, a wyświetlanie kanału Instagrama w witrynie WordPress jest cenne. Porozmawiajmy teraz o tym, jak to zrobić.
Omówimy trzy metody. Pierwsza metoda to darmowa biblioteka JavaScript o nazwie Instafeed.js. Druga opcja to widżet Instafeed Elfsight, a trzecia to wtyczka Smashballoon. Różnią się one złożonością i ceną – a jako agencja będziemy przeplatać nasze myśli, ponieważ używamy wszystkich tych metod.
Użyj biblioteki InstaFeed.js
Pierwsza metoda to biblioteka InstaFeed.js. Działa na wszystkich głównych przeglądarkach — w tym na urządzeniach mobilnych — i nie wymaga do uruchomienia żadnego kodu po stronie serwera. Biblioteka jest bezpłatnie dostępna w serwisie GitHub i można ją umieścić w elemencie <head> witryny za pomocą prostego tagu skryptu.
Niedawno uruchomili wersję 2.0 Instafeed, która teraz współpracuje z nowym interfejsem API Instagrama.
Ponieważ jest to kod Open Source, jest bezpłatny.
Oto niektóre z kluczowych funkcji:
- To świetny sposób na stworzenie podstawowego kanału na Instagramie w swojej witrynie.
- Jest prosty, łatwy w użyciu, lekki i idealny do witryn, które nie mają dużego ruchu lub wielu obrazów (nie spowalnia stron).
- Ogólnie bardzo nam się podoba, ponieważ jest lekki i dobrze działa.
- InstaFeed współpracuje teraz z nowym interfejsem API Instagrama. Zwiększa to szanse, że Twoja witryna nie zostanie usunięta, ponieważ jest zgodna z nowymi wytycznymi dotyczącymi interfejsu API.
Ta biblioteka JS jest stosunkowo łatwa do zainstalowania, jeśli wiesz, co robisz, ale w porównaniu z innymi metodami jest znacznie bardziej złożona. Przyjrzyjmy się procesowi instalacji.
Najpierw dodajemy bibliotekę przez CDN.
Odbywa się to za pomocą tagu skryptu wstawionego do nagłówka naszej witryny WordPress.
Następnie inicjujemy widżet na naszej stronie i dodajemy go do div z dowolnym identyfikatorem:
var instaFeed = new InstaFeed("#myInstagramWidget");
Następnie ustawiamy różne opcje, takie jak nazwa użytkownika na Instagramie, ilość zdjęć do wyświetlenia itp.:
Element div o identyfikatorze #myInstagramWidget zostanie następnie wypełniony kanałem Instagram.
Jeśli jesteś techniczny, możesz tworzyć niestandardowe widoki, wyświetlać hashtagi i robić praktycznie wszystko, czego kiedykolwiek potrzebujesz, w zakresie dodawania kanału Instagram do WordPress (właściwie korzystamy z tej biblioteki w naszym Profesjonalnym kanale Instagram dla Oxygen Builder składnik). Ale musisz dobrze znać JS i tę bibliotekę, aby to zrobić.
Jeśli chodzi o wydajność, rozmiar Instafeed wynosi 1,5kb i będzie działać we wszystkich głównych przeglądarkach i nie ma zależności po stronie serwera.
Problem z tą metodą polega na tym, że oferuje ograniczoną funkcjonalność w porównaniu z innymi metodami dodawania kanału Instagrama do Twojej witryny. Skrypt próbuje symulować „Fotomapę” Instagrama, ale nie jest w tym zbyt doskonały. Może to być również skomplikowane dla kogoś, kto nie zna JavaScript, co nie jest idealne dla właściciela firmy, który szuka śmiertelnie prostego rozwiązania.
Na szczęście istnieją inne opcje dostępne dla właścicieli firm, którzy nie mają czasu ani umiejętności, aby samodzielnie je skonfigurować. Teraz przejdziemy przez dwa z nich!
Widżet kanału Instagram ElfSight
Kanał ElfSight IG to kolejny sposób na dodawanie zdjęć z Instagrama do witryny WordPress. Ten jest bardzo prosty w konfiguracji i instalacji, dobrze zaprojektowany i łatwy w użyciu.
Dzięki Elfsight możesz dodać swój kanał Instagram do dowolnej części strony WordPress, w tym do nagłówka, paska bocznego lub stopki. Możesz także stylizować elementy, takie jak kolory i czcionki, a także dodawać niestandardowe CSS.
Dla niektórych ElfSight jest darmowy, ale w większości przypadków będziesz chciał wybrać plan podstawowy lub pro. Plan pro kosztuje 10 USD miesięcznie i zawiera:
- Nieograniczone strony internetowe
- 50 000 wyświetleń
- Wsparcie premium
- Bezpłatna usługa instalacji
- Usuwanie logo Elfsight
Istnieje nieco bardziej ograniczony plan podstawowy za 5 USD miesięcznie, a także bezpłatny plan lite.
Do wyboru jest 50 różnych, łatwych w użyciu opcji dostosowywania, a także szablony. W przeciwieństwie do Instafeed, dzięki Elfsight możesz również wyświetlać zdjęcia z dowolnego publicznego konta na Instagramie lub według hashtagu, lokalizacji lub adresu URL zdjęcia i nigdy nie martw się o mieszanie ich wszystkich razem – obsługiwane są dowolne kombinacje.
Można to filtrować lub moderować i wyświetlać jako siatkę lub suwak. Możesz też mieć wyskakujące okienko!
To rozwiązanie jest interesujące, ponieważ tak naprawdę nie jest to wtyczka. Zamiast tego instalujesz go, umieszczając kod w swojej witrynie, na przykład Instafeed, ale w tym przypadku jest to tylko kopia wklejania. Integracja jest bezproblemowa i ma wiele opcji wyświetlania treści. Jest zawsze aktualizowany, a wszystko jest zarządzane na stronie internetowej Elfsight.
Z trzech na naszej liście Elfsight jest naszym ulubionym. Mają niesamowite funkcje w użytecznym pakiecie, a także świetne wsparcie. Co najlepsze, ich cena jest rozsądna za to, co z tego otrzymujesz.
Jako agencja lubimy tę, ponieważ jest najłatwiejsza w obsłudze dla naszych klientów. Ustawiliśmy to dla nich, a oni nigdy nie dotykają kodu. Opcje udostępniania w mediach społecznościowych są również miłym akcentem!
Wtyczka Smash Balloon
Ostatnim wpisem na naszej liście jest wtyczka Smash Balloon Instagram Feed. To jest standardowa wtyczka WordPress.
Zaprojektowana tak, aby była zgodna z dowolnym motywem WordPress w Twojej witrynie, wtyczka Instagram Feed nie wymaga żadnej pracy, aby wyglądała idealnie. Wtyczka jest wyposażona w mnóstwo opcji dostosowywania, dzięki czemu możesz dostosować wygląd i układ wybranego kanału. Możesz wyświetlać kanały w swojej witrynie i dostosowywać je za pomocą stylów shortcode. Na przykład, jeśli chcesz, aby na jednej stronie znajdował się kanał wideo, a na innej karuzela zdjęć, nie ma problemu!
Wtyczka buforuje dane, które otrzymuje z Instagrama, aby skrócić czas ładowania i zminimalizować żądania API. Posiada również system buforowania kopii zapasowych na wypadek problemów z interfejsem API, dzięki czemu Twój plik danych pozostaje aktywny, nawet jeśli najbardziej go potrzebujesz. Możesz połączyć swoje posty na Instagramie z niestandardowymi adresami URL, dodając adres URL do podpisu swojego posta. Ułatwia to osobom, które klikną określony post w swoim kanale, zobaczenie produktów lub stron, które są w danym momencie istotne.
Instagram Feed Pro to responsywna wtyczka WordPress do konta na Instagramie, która została zaprojektowana od podstaw, aby działała dobrze na wszystkich urządzeniach, niezależnie od tego, czy używasz ekranu dotykowego, czy nie.
Coś, co jest niesamowite w firmie stojącej za wtyczką WordPress, Smash Balloon, to oferowane przez nią wsparcie. Kontakt z zespołem za pośrednictwem ich strony internetowej jest łatwy i zachęcamy do zrobienia tego, jeśli potrzebujesz wsparcia lub masz pytania dotyczące tej wtyczki. Firma ma również świetny blog, na którym można znaleźć porady i wskazówki, a także samouczki dotyczące korzystania z Instagrama na swojej stronie.
W przypadku jednej witryny kosztuje 49 USD rocznie i oczywiście, jeśli chcesz korzystać z wtyczki, potrzebujesz licencji.
Słowo o API Instagram
Coś do rozważenia (i aspekt Instagrama, który jest irytujący) to ich API i związane z nim ograniczenia. Problem polega na tym, że interfejs API Instagrama ma limit żądań na użytkownika. Gdy twój skrypt przekroczy tę kwotę, otrzymasz komunikat o błędzie z Instagrama, który powie Ci, abyś przestał – a Instagram wyłączy dostęp do Twojego konta, jeśli wykryje nadmierne użycie.
Nie oznacza to całkowitego wyłączenia konta na zawsze (chociaż robili to w przeszłości), ale możesz nie być w stanie ponownie pobrać danych z Instagrama, dopóki nie dostosujesz kodu lub nie poczekaj godzin na zresetowanie żądań przez Instagram. Pamiętaj o tym podczas tworzenia kanału na Instagramie i nie nadużywaj interfejsu API!
API również bardzo się zmienia, szczególnie teraz, gdy Facebook jest właścicielem firmy. Na przykład niemożliwe jest wyświetlanie kanału Instagram na stronie WordPress bez określonego klucza API.
Pozostałe uprawnienie Instagram Legacy API zostało wyłączone 29 czerwca 2020 r. Teraz programiści muszą korzystać z interfejsu Instagram Basic Display API i Instagram Graph API. Oznacza to, że każda wtyczka WordPress musi być teraz zbudowana przy użyciu interfejsu API Instagrama.
Jednak dzięki temu rozwojowi stało się nieco łatwiejsze dla użytkowników wtyczek. Być może zauważyłeś, ale teraz jest to stosunkowo łatwe (choć bardziej ograniczone) doświadczenie, jeśli chodzi o tworzenie klucza API i integrację. W większości przypadków wystarczy kliknąć przycisk.
Zawsze wypatruj nowości API związanych z Instagramem. Jeśli wprowadzą jakiekolwiek przyszłe zmiany i jesteś w ciemności, Twój kanał WordPress na Instagramie może przestać działać!
Jakie jest najlepsze rozwiązanie do obsługi kanałów na Instagramie dla WordPressa?
Elfsight jest obecnie najlepszym dostawcą. Mają najlepszy pakiet w tej cenie, a najbardziej podoba nam się ich wsparcie i produkt. Jeśli jesteś właścicielem firmy lub administratorem sieci i szukasz świetnie wyposażonego, opłacalnego rozwiązania, to jest Twój facet.
Instafeed.js jest dobry dla osób technicznych, które chcą darmowego rozwiązania, ale absolutnej kontroli, jeśli chodzi o WordPress i kanał na Instagramie. Jeśli jesteś programistą i nie boisz się poprawiać kodu i tworzyć własne rzeczy, będziesz w niebie. Jednak obecnie brakuje dokumentów, które utrudniają dostęp dla początkujących.
Wreszcie, Smash Balloon to szanowane rozwiązanie. Instagram Feed Pro pomaga wyświetlać w Twojej witrynie w pełni konfigurowalne kanały Instagrama i czynić je interaktywnymi.
Jednak w porównaniu z Elfsight, niektórzy mogą uznać to za bardziej złożone - ale jest tańsze!
Bez względu na to, które rozwiązanie wybierzesz, upewnij się, że wtyczka/biblioteka jest regularnie aktualizowana, aby uniknąć problemów lub problemów z użytkowaniem.
Jeśli masz jakiekolwiek pytania dotyczące tego artykułu lub ogólne pytania dotyczące wtyczek do kanału Instagram, nie wahaj się zostawić ich w sekcji komentarzy poniżej! Ciesz się i szczęśliwego budowania.