Cele mai bune modalități de a adăuga un feed Instagram pe site-ul dvs. WordPress
Publicat: 2022-04-10Când majoritatea oamenilor se gândesc la rețelele sociale, își imaginează Facebook și Twitter. Cu toate acestea, Instagram devine rapid unul dintre cele mai mari instrumente de social media online. Este un site de partajare a fotografiilor care a crescut la peste 400 de milioane de utilizatori activi lunar. De asemenea, se clasează printre primele 10 cele mai vizitate site-uri web din America. Afacerea ta trebuie să fie acolo!
Acest articol va acoperi câteva metode diferite pe care le puteți utiliza pentru a vă afișa feedul Instagram pe site-ul dvs. WordPress.
Instafeed.js este o opțiune grozavă, dar nu are toate caracteristicile pe care le-ați putea dori. Widgetul Instagram de la Elfsight și pluginul Smashballoon sunt alte două opțiuni care merită luate în considerare dacă doriți să creați un feed Instagram cu mai multe funcționalități decât oferă instafeed.js. Continuați să citiți pentru a afla despre aceste trei moduri diferite de a adăuga un feed Instagram pe site-ul dvs. WordPress!
De ce să adăugați un feed Instragram pe site-ul dvs.?
Instagram nu mai este o platformă care este doar pentru fotografi, iar valoarea de a avea feedul tău Instagram pe site-ul tău web nu înseamnă că ești un „influencer” sau că vrei aprecieri și urmăriri. Un feed Instagram le arată clienților și clienților ce faceți, ce vă pasă și cum să intrați în legătură cu dvs. Feed-ul tău Instagram poate fi și un canal eficient de servicii pentru clienți.
Instagram are aproximativ 300 de milioane de utilizatori activi lunar. Aceasta este o cantitate masivă de globi oculari pentru produsul sau compania dvs. Chiar dacă scopul tău nu este să vinzi lucruri direct, un feed Instagram poate fi extrem de valoros.
Instagram oferă o mulțime de oportunități pentru cercetări de piață. Puteți vedea ce tipuri de imagini captează publicul dvs. și puteți afla despre tipul de conținut care este mai probabil să funcționeze bine. În acest fel, puteți planifica în avans postările care sunt cel mai probabil să atragă implicarea sau să ajungă la persoanele potrivite. În plus, vă ușurează planificarea conținutului, deoarece veți înțelege mai bine ce funcționează și ce nu.
Instagram este, de asemenea, una dintre cele mai bune modalități de a construi loialitatea mărcii și de a vă asigura că clienții vor reveni pentru mai multe. Un exemplu grozav de la unul dintre clienții noștri (o companie de suplimente online) arată cum feedul lor Instagram îi ajută să se conecteze cu clienții și să-și dezvolte loialitatea față de marca, chiar și atunci când nu vând nimic în mod activ.
Deci... știm acum că Instagram merită, iar afișarea unui feed Instagram pe site-ul tău WordPress este valoroasă. Acum să vorbim despre cum să facem exact asta.
Vom acoperi trei metode. Prima metodă este o bibliotecă JavaScript gratuită numită Instafeed.js. A doua opțiune este widgetul Instafeed al lui Elfsight, iar a treia este Smashballoon Plugin. Acestea variază în ceea ce privește complexitatea și prețul - și, ca agenție, ne vom intercala gândurile pe măsură ce am folosit toate aceste metode.
Utilizați Biblioteca InstaFeed.js
Prima metodă este Biblioteca InstaFeed.js. Funcționează pe toate browserele majore - inclusiv dispozitivele mobile - și nu necesită niciun cod de pe server pentru a rula. Biblioteca este disponibilă gratuit din GitHub și o puteți include în elementul <head> al site-ului dvs. folosind o etichetă de script simplă.
Recent, au lansat versiunea 2.0 a Instafeed, care acum funcționează cu noul API Instagram.
Pentru că este cod Open Source, este gratuit.
Iată câteva dintre caracteristicile cheie:
- Aceasta este o modalitate excelentă de a crea un flux Instagram de bază pe site-ul dvs. web.
- Este simplu, ușor de utilizat, ușor și perfect pentru site-urile care nu au mult trafic sau multe imagini (nu va încetini paginile).
- În general, ne place foarte mult deoarece este ușor și funcționează bine.
- InstaFeed funcționează acum cu noul API Instagram. Acest lucru crește șansele site-ului dvs. de a nu fi eliminat deoarece respectă noile reguli API.
Această bibliotecă JS este relativ ușor de instalat dacă știi ce faci, dar în comparație cu alte metode, mult mai complexă. Să aruncăm o privire la procesul de instalare.
Mai întâi, adăugăm biblioteca prin CDN.
Acest lucru se face cu o etichetă de script inserată în capul site-ului nostru WordPress.
Apoi inițializam widget-ul pe site-ul nostru și îl adăugăm la un div cu un ID arbitrar:
var instaFeed = new InstaFeed ("#myInstagramWidget");
Apoi, setăm diferitele opțiuni, cum ar fi numele de utilizator Instagram, cantitatea de fotografii de afișat etc.:
Div-ul cu ID-ul #myInstagramWidget va fi apoi populat cu un feed Instagram.
Dacă sunteți tehnic, atunci puteți crea vizualizări personalizate, afișa hashtag-uri și puteți face practic orice ați avea nevoie vreodată în ceea ce privește adăugarea unui feed Instagram la WordPress (de fapt folosim această bibliotecă în Feed Instagram profesional pentru Oxygen Builder). componentă). Dar, va trebui să aveți o bună înțelegere a JS și a acestei biblioteci pentru a face asta.
În ceea ce privește performanța, dimensiunea Instafeed este de 1,5 kb și va funcționa pe toate browserele majore și nu are dependențe de server.
Problema cu această metodă este că oferă o funcționalitate limitată în comparație cu alte metode de adăugare a unui feed Instagram pe site-ul tău. Scriptul încearcă să simuleze „Harta foto” a Instagram, dar nu este foarte perfect în acest sens. De asemenea, trebuie să fie complicat pentru cineva care nu cunoaște JavaScript, ceea ce îl face să nu fie perfect pentru un proprietar de afaceri care caută o soluție simplă.
Din fericire, există și alte opțiuni disponibile pentru proprietarii de afaceri care nu au timpul sau abilitățile pentru a o configura ei înșiși. Vom trece prin două dintre acestea acum!
ElfSight Instagram Feed Widget
Feedul ElfSight IG este o altă modalitate de a adăuga fotografii Instagram la un site web WordPress. Acesta este foarte simplu de configurat și instalat, bine conceput și ușor de utilizat.
Cu Elfsight, puteți adăuga feed-ul Instagram în orice parte a unei pagini WordPress, inclusiv în antetul, bara laterală sau subsolul. Puteți, de asemenea, să stilați elemente precum culorile și fonturile, precum și să adăugați CSS personalizat.
Pentru unii, ElfSight este gratuit, dar în majoritatea cazurilor, veți dori să optați pentru planul de bază sau pro. Planul pro costă 10 USD/lună și vine cu:
- Site-uri web nelimitate
- 50.000 de vizualizări
- Asistență premium
- Serviciu de instalare gratuit
- Eliminarea logo-ului Elfsight
Există un plan de bază de 5 USD/lună puțin mai limitat, precum și un plan de bază gratuit.
Există 50 de opțiuni de personalizare diferite, ușor de utilizat, precum și șabloane din care să alegeți. Spre deosebire de Instafeed, cu Elfsight, puteți afișa și fotografii din orice cont public de Instagram sau după hashtag, locație sau adresă URL a fotografiei și nu vă faceți griji să le amestecați pe toate împreună - orice combinație este acceptată.
Acesta poate fi filtrat sau moderat și afișat ca grilă sau glisor. Puteți avea și un pop-up!
Această soluție este interesantă pentru că de fapt nu este un plugin. În schimb, îl instalezi prin încorporarea unui cod pe site-ul tău, cum ar fi Instafeed, dar pentru acesta, este doar o copie-lipire. Integrarea este perfectă și are o mulțime de opțiuni pentru afișarea conținutului. Este mereu actualizat și totul este gestionat pe site-ul Elfsight.
Dintre cei trei de pe lista noastră, Elfsight este preferatul nostru. Au caracteristici extraordinare într-un pachet utilizabil, precum și un suport excelent. Cel mai bine, prețul lor este rezonabil pentru ceea ce obțineți.
Ca agenție, ne place aceasta pentru că este cea mai ușor de utilizat pentru clienții noștri. Am configurat-o pentru ei și nu ating niciodată codul. Opțiunile de partajare a rețelelor sociale sunt, de asemenea, o atingere plăcută!
Pluginul Smash Balloon
Ultima intrare pe lista noastră este Smash Balloon Instagram Feed Plugin. Acesta este un plugin WordPress standard.
Conceput pentru a fi compatibil cu orice temă WordPress de pe site-ul tău, pluginul Instagram Feed nu necesită nicio muncă pentru ca tu să arate perfect. Pluginul este echipat cu o mulțime de opțiuni de personalizare, astfel încât să puteți ajusta aspectul și aspectul feedului ales. Puteți afișa fluxuri pe tot site-ul dvs. și le puteți personaliza cu stilurile de coduri scurte. De exemplu, dacă doriți un flux video pe o pagină și un carusel foto pe alta, nu este o problemă!
Pluginul memorează în cache datele pe care le primește de la Instagram pentru a reduce timpul de încărcare și a minimiza solicitările API. De asemenea, are un sistem de stocare în cache de rezervă în cazul problemelor API, asigurându-vă că feedul dvs. rămâne activ chiar dacă aveți cea mai mare nevoie de el. Puteți lega postările tale de pe Instagram la adrese URL personalizate adăugând adresa URL la legenda postării tale. Acest lucru facilitează utilizatorilor care dau clic pe o anumită postare din feedul lor să vadă produse sau pagini care sunt relevante în acel moment.
Instagram Feed Pro este un plugin WordPress receptiv pentru contul dvs. de Instagram, care a fost conceput de la zero pentru a funcționa bine pe toate dispozitivele, indiferent dacă utilizați un ecran tactil sau nu.
Ceva care este incredibil la compania din spatele pluginului WordPress, Smash Balloon, este suportul pe care îl oferă. Este ușor să intrați în contact cu echipa prin intermediul site-ului lor web și este încurajat să faceți exact asta dacă aveți nevoie de asistență sau aveți întrebări despre acest plugin. Compania are, de asemenea, un blog grozav unde puteți găsi sfaturi și trucuri, precum și tutoriale pentru utilizarea Instagram pe site-ul dvs.
Pentru un site, costă 49 USD pe an și, desigur, dacă doriți să utilizați pluginul, veți avea nevoie de o licență.
Un cuvânt despre API-ul Instagram
Ceva de luat în considerare (și un aspect al Instagram care este enervant) este API-ul lor și restricțiile care vin cu el. Problema este că API-ul Instagram are un plafon pentru solicitările per utilizator. Când scriptul dvs. depășește această sumă, veți primi un mesaj de eroare de la Instagram care vă spune să opriți - iar Instagram va dezactiva accesul la contul dvs. dacă detectează o utilizare excesivă.
Acest lucru nu înseamnă să vă dezactivați complet contul pentru totdeauna (deși au făcut asta în trecut), dar este posibil să nu puteți extrage din nou datele Instagram până când nu vă ajustați codul sau așteptați ore întregi pentru ca solicitările dvs. să fie resetate de Instagram. Așa că țineți cont de acest lucru atunci când vă construiți feedul Instagram și nu abuzați de API!
De asemenea, API-ul se schimbă foarte mult, mai ales acum că Facebook deține compania. De exemplu, este imposibil să afișați cu adevărat un feed Instagram pe un site web WordPress fără o anumită cheie API.
Permisiunea API Instagram Legacy rămasă a fost dezactivată pe 29 iunie 2020. Acum, dezvoltatorii trebuie să utilizeze API-ul Instagram Basic Display și API-ul Instagram Graph. Aceasta înseamnă că orice plugin WordPress acum trebuie să fie construit folosind API-ul Instagram.
Cu toate acestea, odată cu această dezvoltare, a devenit puțin mai ușor pentru utilizatorii pluginurilor. Poate ați observat, dar acum este o experiență relativ ușoară (deși mai limitată) atunci când vine vorba de crearea cheii API și integrare. În cele mai multe cazuri, este doar un clic pe buton.
Fii mereu cu ochii pe știrile API asociate cu Instagram. Dacă efectuează modificări viitoare și sunteți în întuneric, feedul dvs. WordPress Instagram poate înceta să funcționeze!
Care este cea mai bună soluție de feed Instagram pentru WordPress?
Elfsight este cel mai bun furnizor în acest moment. Au cel mai bun pachet pentru preț și ne plac cel mai mult suportul și produsul lor. Dacă sunteți proprietar de afaceri sau administrator web, căutați o soluție foarte bine prezentată și rentabilă, acesta este tipul dvs.
Instafeed.js este bun pentru oamenii tehnici care doresc o soluție gratuită, dar control absolut atunci când vine vorba despre WordPress și un feed Instagram. Dacă sunteți dezvoltator și nu vă este frică să modificați codul și să vă construiți propriile lucruri, veți fi în rai. Cu toate acestea, există o lipsă actuală de documente care îngreunează accesibilitatea pentru începători.
În cele din urmă, Smash Balloon este o soluție bine respectată. Instagram Feed Pro vă ajută să afișați fluxuri Instagram complet personalizabile pe site-ul dvs. și să le faceți interactive.
Cu toate acestea, în comparație cu Elfsight, unii ar putea considera că este mai complex -- dar este mai ieftin!!
Indiferent de soluția pe care o alegeți, asigurați-vă că pluginul/biblioteca este actualizată în mod regulat pentru a evita orice probleme sau probleme cu utilizarea.
Dacă aveți întrebări despre acest articol, sau orice întrebări despre pluginurile de feed Instagram în general, nu ezitați să le lăsați în secțiunea de comentarii de mai jos! Bucură-te și construiește fericit.