WordPress Web Sitenize Instagram Akışı Eklemenin En İyi Yolları
Yayınlanan: 2022-04-10Çoğu insan sosyal medyayı düşündüğünde, Facebook ve Twitter'ı hayal eder. Ancak, Instagram hızla çevrimiçi en büyük sosyal medya araçlarından biri haline geliyor. Aylık 400 milyonun üzerinde aktif kullanıcıya ulaşan bir fotoğraf paylaşım sitesidir. Ayrıca Amerika'da en çok ziyaret edilen 10 web sitesi arasında yer almaktadır. İşletmenizin orada olması gerekiyor!
Bu makale, WordPress destekli web sitenizde Instagram beslemenizi görüntülemek için kullanabileceğiniz birkaç farklı yöntemi ele alacaktır.
Instafeed.js harika bir seçenek ama isteyebileceğiniz tüm özelliklere sahip değil. Elfsight'ın Instagram Widget'ı ve Smashballoon Plugin, instafeed.js'nin sağladığından daha fazla işlevselliğe sahip bir Instagram beslemesi oluşturmak istiyorsanız göz önünde bulundurmaya değer diğer iki seçenektir. WordPress Sitenize Instagram Akışı eklemenin bu üç farklı yolu hakkında bilgi edinmek için okumaya devam edin!
Neden Web Sitenize Bir Instragram Feed'i Eklemelisiniz?
Instagram artık sadece fotoğrafçılara yönelik bir platform değil ve web sitenizde Instagram feed'inizin olmasının değeri, "etkileyici" olduğunuzu veya beğeni ve takip istediğinizi söylemek değildir. Bir Instagram akışı, müşterilere ve müşterilere ne yaptığınızı, neye önem verdiğinizi ve sizinle nasıl bağlantı kuracaklarını gösterir. Instagram feed'iniz de etkili bir müşteri hizmetleri kanalı olabilir.
Instagram'ın aylık yaklaşık 300 milyon aktif kullanıcısı var. Bu, ürününüz veya şirketiniz için muazzam miktarda göz küresi demektir. Amacınız doğrudan bir şeyler satmak olmasa bile, bir Instagram beslemesi çok değerli olabilir.
Instagram, pazar araştırması için birçok fırsat sağlar. Hedef kitlenizde ne tür görsellerin ilgi gördüğünü görebilir ve daha iyi sonuç verme olasılığı daha yüksek olan içerik türleri hakkında bilgi edinebilirsiniz. Bu şekilde, etkileşim alma veya doğru kişilere ulaşma olasılığı en yüksek olan gönderileri önceden planlayabilirsiniz. Ayrıca, neyin işe yarayıp neyin yaramadığını daha iyi anlayacağınız için içeriğinizi planlamayı kolaylaştırır.
Instagram ayrıca marka sadakati oluşturmanın ve müşterilerin daha fazlası için geri gelmelerini sağlamanın en iyi yollarından biridir. Müşterilerimizden birinden (çevrimiçi bir takviye şirketi) harika bir örnek, Instagram feed'lerinin müşterileriyle bağlantı kurmalarına ve aktif olarak hiçbir şey satmadıklarında bile marka sadakati oluşturmalarına nasıl yardımcı olduğunu gösteriyor.
Artık Instagram'ın buna değer olduğunu biliyoruz ve WordPress web sitenizde bir Instagram beslemesi göstermenin değerli olduğunu biliyoruz. Şimdi bunun nasıl yapılacağı hakkında konuşalım.
Üç yöntemi ele alacağız. İlk yöntem, Instafeed.js adlı ücretsiz bir JavaScript Kitaplığıdır. İkinci seçenek Elfsight'ın Instafeed Widget'ı ve üçüncüsü Smashballoon Plugin'dir. Bunlar karmaşıklık ve fiyatlandırma açısından farklılık gösterir ve bir ajans olarak tüm bu yöntemleri kullandığımız için düşüncelerimizi serpiştireceğiz.
InstaFeed.js Kitaplığını Kullanın
İlk yöntem InstaFeed.js Kitaplığıdır. Mobil cihazlar da dahil olmak üzere tüm büyük tarayıcılarda çalışır ve çalıştırmak için herhangi bir sunucu tarafı kodu gerektirmez. Kitaplık GitHub'dan ücretsiz olarak edinilebilir ve basit bir komut dosyası etiketi kullanarak onu sitenizin <head> öğesine ekleyebilirsiniz.
Son zamanlarda, şimdi yeni Instagram API'si ile çalışan Instafeed'in 2.0 sürümünü piyasaya sürdüler.
Açık Kaynak kodu olduğu için ücretsizdir.
İşte bazı temel özellikler:
- Bu, web sitenizde temel bir Instagram Akışı oluşturmanın harika bir yoludur.
- Basit, kullanımı kolay, hafiftir ve fazla trafiği veya çok fazla resmi olmayan siteler için mükemmeldir (sayfaları yavaşlatmaz).
- Genel olarak hafif olduğu ve iyi çalıştığı için onu çok seviyoruz.
- InstaFeed artık yeni Instagram API'si ile çalışıyor. Bu, yeni API yönergelerine uyduğu için web sitenizin kaldırılmama şansını artırır.
Ne yaptığınızı biliyorsanız, bu JS kitaplığının kurulumu nispeten kolaydır, ancak diğer yöntemlerle karşılaştırıldığında çok daha karmaşıktır. Şimdi kurulum sürecine bir göz atalım.
Öncelikle kütüphaneyi CDN üzerinden ekliyoruz.
Bu, WordPress web sitemizin başına eklenen bir komut dosyası etiketi ile yapılır.
Ardından, widget'ı sitemizde başlatıyoruz ve onu rastgele bir kimliğe sahip bir div'e ekliyoruz:
var instaFeed = new InstaFeed("#myInstagramWidget");
Ardından, Instagram kullanıcı adı , görüntülenecek fotoğraf miktarı gibi çeşitli seçenekleri belirledik:
#myInstagramWidget kimliğine sahip div, daha sonra bir Instagram Akışı ile doldurulacaktır.
Teknik bilginiz varsa, özel görünümler oluşturabilir, hashtag'ler gösterebilir ve WordPress'e bir Instagram beslemesi eklemek açısından ihtiyacınız olan hemen hemen her şeyi yapabilirsiniz (bu kitaplığı aslında Oxygen Builder için Profesyonel Instagram Akışımızda kullanıyoruz). bileşen). Ancak, bunu yapmak için iyi bir JS ve bu kitaplık bilgisine sahip olmanız gerekir.
Performans açısından Instafeed'in boyutu 1.5 kb'dir ve tüm büyük tarayıcılarda çalışır ve sunucu tarafı bağımlılığı yoktur.
Bu yöntemle ilgili sorun, web sitenize Instagram beslemesi eklemenin diğer yöntemlerine kıyasla sınırlı işlevsellik sunmasıdır. Senaryo, Instagram'ın "Fotoğraf Haritası"nı simüle etmeye çalışıyor, ancak bunu yapmakta pek mükemmel değil. JavaScript'i bilmeyen biri için karmaşık olması da kaçınılmazdır, bu da onu basit bir çözüm arayan bir işletme sahibi için mükemmel yapmaz.
Neyse ki, kendilerini kurmak için zamanı veya becerisi olmayan işletme sahipleri için başka seçenekler de var. Şimdi bunlardan ikisini geçeceğiz!
ElfSight Instagram Akışı Widget'ı
ElfSight IG beslemesi, bir WordPress web sitesine Instagram fotoğrafları eklemenin başka bir yoludur. Bu, yapılandırması ve kurulumu son derece basit, iyi tasarlanmış ve kullanımı kolay.
Elfsight ile, üstbilgi, kenar çubuğu veya altbilgi dahil olmak üzere bir WordPress sayfasının herhangi bir bölümüne Instagram Akışınızı ekleyebilirsiniz. Ayrıca, özel CSS eklemenin yanı sıra renkler ve yazı tipleri gibi öğelere de stil verebilirsiniz.
Bazıları için ElfSight ücretsizdir, ancak çoğu durumda temel veya profesyonel planı seçmek isteyeceksiniz. Profesyonel planın ücreti aylık 10 ABD dolarıdır ve şunları içerir:
- Sınırsız web sitesi
- 50.000 görüntüleme
- Premium destek
- Ücretsiz kurulum hizmeti
- Elfsight logosunun kaldırılması
Biraz daha sınırlı 5$/aylık bir temel planın yanı sıra ücretsiz bir lite planı var.
50 farklı, kullanımı kolay özelleştirme seçeneği ve aralarından seçim yapabileceğiniz şablonlar vardır. Instafeed'den farklı olarak, Elfsight ile, herhangi bir herkese açık Instagram hesabından veya hashtag, konum veya fotoğraf URL'si ile fotoğrafları görüntüleyebilir ve asla hepsini bir araya getirme konusunda endişelenmeyin - herhangi bir kombinasyon desteklenir.
Bu filtrelenebilir veya yönetilebilir ve bir ızgara veya kaydırıcı olarak görüntülenebilir. Ayrıca bir açılır pencereye sahip olabilirsiniz!
Bu çözüm ilginç çünkü aslında bir eklenti değil. Bunun yerine, sitenize Instafeed gibi bazı kodlar ekleyerek yüklersiniz, ancak bunun için bu sadece bir kopyala yapıştırdır. Entegrasyon sorunsuzdur ve içeriği görüntülemek için birçok seçeneğe sahiptir. Her zaman güncellenir ve her şey Elfsight web sitesinde yönetilir.
Listemizdeki üç kişiden Elfsight bizim favorimiz. Kullanılabilir bir pakette harika özelliklerin yanı sıra harika bir desteğe sahipler. Hepsinden iyisi, fiyatları, aldığınız şey için makul.
Bir ajans olarak bunu seviyoruz çünkü müşterilerimizin kullanması en kolay olanı. Onlar için kurduk ve koda asla dokunmuyorlar. Sosyal medya paylaşım seçenekleri de hoş bir dokunuş!
Smash Balon Eklentisi
Listemizdeki son giriş, Smash Balloon Instagram Feed Plugin'dir. Bu standart bir WordPress eklentisidir.
Sitenizdeki herhangi bir WordPress temasıyla uyumlu olacak şekilde tasarlanan Instagram Feed eklentisi, mükemmel görünmesini sağlamak için herhangi bir çalışma gerektirmez. Eklenti, seçtiğiniz feed'in görünümünü ve düzenini ayarlayabilmeniz için tonlarca özelleştirme seçeneğiyle donatılmıştır. Siteniz genelinde beslemeleri görüntüleyebilir ve bunları kısa kod stilleriyle özelleştirebilirsiniz. Örneğin, bir sayfada video beslemesi ve diğerinde bir fotoğraf karuseli istiyorsanız, sorun değil!
Eklenti, yükleme süresini azaltmak ve API isteklerini en aza indirmek için Instagram'dan aldığı verileri önbelleğe alır. Ayrıca API sorunları durumunda bir yedek önbelleğe alma sistemine sahiptir ve en çok ihtiyacınız olduğunda bile feed'inizin açık kalmasını sağlar. URL'yi gönderinizin başlığına ekleyerek Instagram gönderilerinizi özel URL'lere bağlayabilirsiniz. Bu, feed'lerinde belirli bir gönderiye tıklayan kişilerin o anda alakalı ürünleri veya sayfaları görmelerini kolaylaştırır.
Instagram Feed Pro, dokunmatik ekran kullansanız da kullanmasanız da, sıfırdan tüm cihazlarda iyi çalışacak şekilde tasarlanmış Instagram hesabınız için duyarlı bir WordPress eklentisidir.
WordPress eklentisi Smash Balloon'un arkasındaki şirket hakkında inanılmaz bir şey, sundukları destektir. Web siteleri aracılığıyla ekiple iletişim kurmak kolaydır ve desteğe ihtiyacınız varsa veya bu eklenti hakkında sorularınız varsa, bunu yapmanız önerilir. Şirket ayrıca, sitenizde Instagram'ı kullanmak için ipuçları ve püf noktaları ve öğreticiler bulabileceğiniz harika bir bloga sahiptir.
Bir site için yılda 49 dolardan geliyor ve tabii ki eklentiyi kullanmak istiyorsanız bir lisansa ihtiyacınız olacak.
Instagram API'si Hakkında Bir Söz
Dikkate alınması gereken bir şey (ve Instagram'ın can sıkıcı bir yönü) API'leri ve bununla birlikte gelen kısıtlamalardır. Sorun, Instagram API'sinin kullanıcı başına istekler üzerinde bir sınırı olmasıdır. Komut dosyanız bu miktarı aştığında Instagram'dan durmanızı söyleyen bir hata mesajı alırsınız ve Instagram aşırı kullanım tespit ederse hesabınıza erişimi devre dışı bırakır.
Bu, hesabınızı tamamen devre dışı bırakmak anlamına gelmez (geçmişte yapmış olsalar da), ancak kodunuzu ayarlayana veya isteklerinizin Instagram tarafından sıfırlanması için saatlerce beklemeden Instagram verilerini tekrar çekemeyebilirsiniz. Bu yüzden Instagram beslemenizi oluştururken bunu aklınızda bulundurun ve API'yi kötüye kullanmayın!
API, özellikle Facebook'un şirketin sahibi olduğu için çok değişiyor. Örneğin, belirli bir API anahtarı olmadan bir WordPress web sitesinde Instagram beslemesini gerçekten görüntülemek imkansızdır.
Kalan Instagram Legacy API izni 29 Haziran 2020'de devre dışı bırakıldı. Artık geliştiricilerin Instagram Basic Display API ve Instagram Graph API kullanması gerekiyor. Bu, herhangi bir WordPress eklentisinin artık Instagram API kullanılarak oluşturulması gerektiği anlamına gelir.
Ancak bu gelişme ile eklenti kullanıcıları için işler biraz daha kolaylaştı. Fark etmiş olabilirsiniz, ancak konu API anahtarını oluşturmak ve entegre etmek olduğunda, bu artık nispeten kolay (ancak daha sınırlı) bir deneyim. Çoğu durumda, bu sadece bir düğme tıklamasıdır.
Instagram ile ilgili API haberlerine her zaman dikkat edin. Gelecekte herhangi bir değişiklik yaparlarsa ve karanlıkta kalırsanız, WordPress Instagram beslemeniz çalışmayabilir!
WordPress İçin En İyi Instagram Akışı Çözümü Hangisi?
Elfsight şu anda en iyi sağlayıcı. Fiyatına göre en iyi pakete sahipler ve en çok desteklerini ve ürünlerini beğeniyoruz. Süper iyi özellikli, uygun maliyetli bir çözüm arayan bir işletme sahibi veya web yöneticisiyseniz, bu sizin adamınız.
Instafeed.js, ücretsiz bir çözüm isteyen ancak WordPress ve Instagram beslemesi söz konusu olduğunda mutlak kontrol isteyen teknik kişiler için iyidir. Bir geliştiriciyseniz ve kodu değiştirmekten ve kendi şeylerinizi oluşturmaktan korkmuyorsanız, cennette olacaksınız. Ancak, yeni başlayanlar için erişilebilirliği zorlaştıran mevcut bir doküman eksikliği var.
Son olarak, Smash Balloon saygın bir çözümdür. Instagram Feed Pro, web sitenizde tamamen özelleştirilebilir Instagram yayınlarını görüntülemenize ve bunları etkileşimli hale getirmenize yardımcı olur.
Ancak, Elfsight ile karşılaştırıldığında, bazıları bunu daha karmaşık bulabilir - ancak daha ucuzdur!!
Hangi çözümü seçerseniz seçin, kullanımla ilgili sorunları veya sorunları önlemek için eklentinin/kütüphanenin düzenli olarak güncellendiğinden emin olun.
Bu makale hakkında herhangi bir sorunuz varsa veya genel olarak Instagram besleme eklentileri hakkında herhangi bir sorunuz varsa, bunları aşağıdaki yorumlar bölümünde bırakmaktan çekinmeyin! Zevk ve mutlu bina.