Instagram Akışını Web Sitesine Ekleme: Adım Adım Rehber

Instagram akışını web sitesine ekleme, ürün fotoğraflarınızı, mekân görüntülerinizi ve kampanya paylaşımlarınızı iki kez yayınlamadan sitenizde göstermenin yoludur. Instagram'a koyduğunuz her gönderi sitenizdeki galeriye de düşer; site siz uğraşmadan canlı görünür. Otopilot'taki Instagram Akışı modülü bunu, hesabınızı bağlamanızı bile istemeden yapar: kullanıcı adını yazmanız yeterlidir. Bu rehberde hangi hesapların gösterilebildiğini, kurulumu, hazır şablonları, görsel oranı ve süzgeçleri, kodu sitenize eklemeyi ve performans ölçümünü anlatıyoruz.

Google yorumları, Instagram ve LinkedIn widget'larını birlikte tanıttığımız site widget'ları rehberi genel bir bakış sunar. Bu yazı yalnız Instagram Akışı'nın ayrıntılarına iner.

Instagram akışını web sitesine ekleme için hangi hesap gerekir?

Modül yalnız İşletme ve İçerik Üretici türündeki Instagram hesaplarının gönderilerini okuyabilir. Kişisel hesaplar gösterilemez; bu Instagram'ın kuralıdır. Instagram, profesyonel hesapların herkese açık gönderilerini başka uygulamaların okuyabileceği bir yolla paylaşır, kişisel hesaplar için böyle bir yol sunmaz.

Kişisel bir hesabı eklemeye çalışırsanız kaynak durumu "İşletme hesabı değil" olur. Çözüm, hesabı Instagram uygulamasının ayarlarından profesyonel hesaba çevirmektir. Bu işlem takipçilerinizi ya da gönderilerinizi silmez; hesap türünü değiştirir. Gizli ya da kapatılmış hesaplar ise "Hesap bulunamadı" olarak görünür.

Bu ayrım küçük işletmeler için sürpriz olabilir, çünkü Instagram kişisel hesapları uzun süre başka sitelerde gösterilebiliyordu. Bugün Instagram'ın geliştirici araçları, gönderilerin üçüncü taraf sitelerde gösterilmesini profesyonel hesaplarla sınırlar. Profesyonel hesaba geçmek ayrıca hesabınızda istatistik ekranlarını da açar, yani akış dışında da işinize yarar.

İşin iyi tarafı, hesabınızı panele bağlamanız gerekmemesidir. Şifre ya da giriş izni istenmez; yalnız kullanıcı adını yazarsınız. Bu yüzden başka bir markanın ya da iş ortağınızın herkese açık profesyonel hesabını da gösterebilirsiniz, yeter ki bunu yapmaya hakkınız olsun.

Kullanıcı adı üç biçimde yazılabilir:

• Düz kullanıcı adı: marka
• Başında @ işaretiyle: @marka
• Profil adresi olarak: instagram.com/marka

Arka planda gönderileri okuyan servisin platform tarafında yapılandırılmış olması da gerekir. Yapılandırılmamışsa widget oluştururken "Instagram bağlantısı yapılandırılmadı" uyarısı çıkar. Bu ayar kendi hesabınızdan yapılamaz; uyarıdaki Yardım ve destek bağlantısından bize ulaşabilirsiniz.

Kurulum: kullanıcı adından ilk akışa

Kurulum için sırasıyla şunları yapın:

1. Modül Mağazası'ndan Instagram Akışı modülünü bu site için satın alın. Sayfa Instagram Akışı başlığıyla açılır. Modül açık değilse "Instagram Akışı bu sitede açık değil" bilgisi görünür.
2. Yeni widget düğmesine basın ve Instagram kullanıcı adı alanına hesabınızı yazın.
3. Oluştur'a basın. "Instagram hesabı okunuyor" ilerlemesi sırasında son gönderiler alınır; bu birkaç saniye sürebilir.
4. Kaynak sekmesinde durumun Güncel olduğunu doğrulayın, Widget adı ve Widget dili alanlarını belirleyin.
5. Bir hazır şablon seçin ya da düzeni elle ayarlayın.
6. Kaydet'e basın, Kodu al ile kodu kopyalayıp sitenize yapıştırın.

Kaynak durumu Güncel dışında bir şey gösteriyorsa anlamı şöyledir:

• Bekliyor: İlk okuma sürüyor; birkaç saniye bekleyin.
• Hesap bulunamadı: Kullanıcı adında yazım hatası var ya da hesap gizli veya kapalı.
• İşletme hesabı değil: Hesap kişisel türde; profesyonel hesaba çevrilmesi gerekir.
• Geçici olarak okunamadı: Instagram tarafında geçici bir sorun var; birkaç dakika sonra Şimdi yenile'yi deneyin. Çok sık yenilerseniz "Gönderiler kısa süre önce güncellendi" bildirimi çıkar.

Her widget tek bir hesabı gösterir. İkinci bir hesabı eklemeye çalışırsanız "Bir Instagram Akışı widget'ı tek bir hesabı gösterir." uyarısını görürsünüz; o hesap için ayrı bir widget oluşturun. Sitedeki widget sayısı modül limitiyle sınırlıdır ve sayaç sayfada görünür.

İlk eklemede hesabın son gönderileri gelir. Sonra kaynak yaklaşık 12 saatte bir kendiliğinden yeniden okunur ve yeni gönderiler akışa eklenir. Hemen güncellemek isterseniz Şimdi yenile düğmesini kullanın; başarılı olunca kaç gönderinin okunduğu bildirilir.

Gönderi görselleri doğrudan Instagram'ın sunucusundan çekilmez. Otopilot görselleri kendi tarafında küçültülmüş webp kopyaları olarak saklar ve akışta bu kopyaları gösterir. Bu, ziyaretçinin tarayıcısının her açılışta Instagram'a bağlanmasını gerektirmez ve görsel boyutlarını makul tutar.

Hazır şablonlar, düzen ve görsel oranı

Instagram akışı görsel ağırlıklı olduğu için düzen seçimi burada daha belirleyicidir. Hazır şablon seçin bölümündeki dört şablon, düzen ayarlarını tek tıkla doldurur:

Şablonu uyguladıktan sonra Düzen sekmesinde ince ayar yaparsınız. Burada düzen türü (Izgara, Liste, Karusel, Slayt, Duvar, Yüzen rozet, Özet + kayan), Sütun sayısı, Sayfa başına gönderi, Mobilde sayfa başına gönderi ve Gönderi aralığı bulunur.

Aynı sekmedeki Görsel oranı ayarı Instagram için özellikle önemlidir. Seçenekler Kare (1:1), Dikey (4:5), Yatay (16:9) ve Orijinal'dir. Instagram'da hem kare hem dikey hem de yatay gönderiler bulunabildiği için kırpma, kartların aynı yükseklikte kalmasını sağlar ve ızgara düzgün görünür. Orijinal seçeneği kırpma yapmaz; Duvar düzeniyle birlikte farklı boyutlu görselleri olduğu gibi gösterir.

Tema sekmesinde vurgu, zemin, kart, yazı ve kenarlık renklerini ve köşe yuvarlaklığını sitenizin renklerine uydurursunuz. Önizleme her değişikliği hemen gösterir; Masaüstü ve Mobil görünümü arasında geçip iki hâli karşılaştırabilirsiniz.

Başlık sekmesinde akışın üstünde görünecek bilgileri seçersiniz: profil fotoğrafı, kullanıcı adı, takipçi sayısı gibi bilgiler ve Takip et düğmesi. Instagram bir bilgiyi hesap için vermiyorsa yanında "Instagram bu bilgiyi hesap için vermiyor." notu çıkar ve o bilgi gösterilmez.

Gönderi ayarları, etiket süzgeci ve sabitleme

Gönderi sekmesi ziyaretçinin gönderiyle nasıl etkileşeceğini belirler. Gönderiye tıklanınca seçenekleri Instagram'da aç, Açılır pencerede aç ve Hiçbir şey yapma'dır. Açılır pencere, ziyaretçiyi sitenizden çıkarmadan gönderiyi büyütür. Tarih biçimini (tam, kısa ya da göreceli) ve Metin uzunluğunu (Tam ya da Kısa) da burada seçersiniz. Gönderide yazar, tarih, metin ve Instagram bağlantısından hangilerinin görüneceğini ayrıca işaretlersiniz.

Süzgeçler, akışı sayfanın konusuna göre daraltmanızı sağlar:

• Yalnız bu kelimeleri içeren gönderiler ve Yalnız bu etiketleri içeren gönderiler: Kelime ya da #etiket yazıp Enter'a basın. Örneğin ürün sayfasında yalnız o ürünün etiketini taşıyan gönderileri gösterebilirsiniz. Etiket alanı boş bırakılırsa tüm gönderiler gösterilir.
• Bu kelimeleri içeren gönderileri gizle ve Bu etiketleri içeren gönderileri gizle: Kampanyası bitmiş ya da sayfaya uymayan konuları dışarıda bırakır.
• Tek tek gizleme ve sabitleme: Göz simgesiyle bir gönderiyi akıştan gizler, iğne simgesiyle başa sabitlersiniz.

Süzgeçler tüm gönderileri elerse akışta "Filtrelere uyan gönderi yok." yazar; süzgeçleri gevşetin.

Etiket süzgeci, tek hesapla birden fazla sayfayı beslemenin pratik bir yoludur. Bir kafe menü sayfasında #tatlı etiketli gönderileri, etkinlik sayfasında #etkinlik etiketlileri gösterebilir. Widget hakkınız yettiği sürece aynı hesap için farklı süzgeçli widget'lar oluşturabilirsiniz.

Kodu eklemek, sayfa hızı ve performans ölçümü

Kodu al düğmesi Sitenize ekleyin penceresini açar. HTML kodu sekmesindeki kodu akışın görünmesini istediğiniz yere yapıştırırsınız. WordPress kullanıyorsanız ve Otopilot WP Connector eklentisi kuruluysa WordPress kısa kodu sekmesindeki kısa kodu sayfaya ya da bir Kısa Kod bloğuna eklersiniz. Eklentinin SEO bağlantısı için sitenize bağlanmış olması gerekmez.

Kopyalama penceresi kodun sitenizde görülüp görülmediğini de gösterir. "Kod henüz sitede görülmedi" yazıyorsa kod yapıştırılmamış ya da önbellek eski sayfayı sunuyor olabilir. Widget sitede görünsün anahtarının açık olduğundan emin olun.

Görsel ağırlıklı bir akış sayfa hızını etkileyebilir. Kod eşzamansız yüklenir ve görseller küçültülmüş kopyalardan gelir, yine de birkaç basit alışkanlık yardımcı olur:

• Ana sayfada çok sayıda gönderi yerine Sayfa başına gönderi değerini makul tutun.
• Mobilde daha az gönderi göstermek için Mobilde sayfa başına gönderi değerini ayrıca düşürün.
• Akışı sayfanın en üstüne değil, ana içerikten sonraya yerleştirin.
• Ekledikten sonra sayfayı bir hız aracıyla ölçün; nasıl yapılacağını site hızı aracı rehberinde anlattık.

Performans sekmesi Gösterim, Tıklanan gösterim ve Tıklama oranı değerlerini gösterir. Aralık için Son 7, 30 ya da 90 gün düğmeleri ya da başlangıç ve bitiş tarihi kullanılır. En çok tıklanan gönderiler tablosu hangi paylaşımın sitede ilgi gördüğünü gösterir. Dışa aktar ile CSV ya da Excel dosyası indirirsiniz; dosyada Özet, Günlük ve Gönderiler sayfaları vardır.

Bu sayıları okurken beklentiyi doğru kurmak gerekir. Instagram akışı çoğu zaman bir satış düğmesi değil, sitenin canlı ve güncel göründüğünü gösteren bir vitrindir. Tıklama oranı düşük olsa bile gösterim yüksekse akış işini yapıyor olabilir: Ziyaretçi ürünlerinizin gerçek fotoğraflarını görür ve markanın Instagram'da aktif olduğunu anlar. Yine de iki widget'ı karşılaştırmak öğreticidir. Örneğin aynı sayfada önce Izgara, birkaç hafta sonra Karusel düzenini deneyip performans değerlerini yan yana koyabilirsiniz. Hangi gönderilerin en çok tıklandığını görmek de Instagram'da ne tür içeriği artıracağınıza dair fikir verir.

Instagram'daki yorum ve mesajlarınızı yönetmek ise ayrı bir iştir; onları tek kutuda toplamak için sosyal gelen kutusu rehberine bakabilirsiniz. Widget'ların genel tanıtımı site widget'ları sayfasında yer alıyor.

Sık sorulan sorular

Instagram hesabımı panele bağlamam gerekir mi?

Gerekmez. Instagram Akışı için kullanıcı adını, @marka biçimini ya da profil adresini yazmanız yeterlidir. Şifre ya da giriş izni istenmez. Hesabın İşletme ya da İçerik Üretici türünde olması yeterlidir.

"İşletme hesabı değil" hatasını nasıl çözerim?

Instagram yalnız İşletme ve İçerik Üretici hesaplarının gönderilerini paylaşır. Hesabınızı Instagram uygulamasında profesyonel hesaba çevirip widget'ı yeniden oluşturun.

Akış neden boş görünüyor?

Kaynak sekmesinde "Gönderiler henüz okunmadı" yazıyorsa Şimdi yenile'ye basın. Akışta "Filtrelere uyan gönderi yok." yazıyorsa süzgeçleriniz tüm gönderileri eliyordur; kelime ve etiket listesini gevşetin.

Reels ve videolar da görünür mü?

Video gönderiler akışta video olarak işaretlenir. Kartta kapak görseli gösterilir; tıklama ayarına göre gönderi Instagram'da ya da açılır pencerede açılır.

Aynı widget'ta iki hesabı birlikte gösterebilir miyim?

Hayır. Her widget tek hesap gösterir. İkinci hesap için ayrı bir widget oluşturun; widget hakkınız doluysa kullanmadığınızı silin.

Akışı birden fazla sayfada kullanabilir miyim?

Evet. Aynı kodu birden fazla sayfaya yapıştırabilirsiniz; hepsi aynı widget'ı ve aynı ayarları gösterir. Sayfaya göre farklı gönderiler göstermek istiyorsanız, örneğin ürün sayfasında yalnız bir etiketi, ana sayfada tüm gönderileri, widget hakkınız yettiği sürece farklı süzgeçli ayrı widget'lar oluşturun. Performans sekmesi her widget'ı ayrı ölçtüğü için hangi sayfadaki akışın daha çok ilgi gördüğünü de böylece karşılaştırabilirsiniz.

Kaynaklar

• Instagram Platform belgeleri
• MDN: script öğesi ve async özniteliği
• web.dev: Tarayıcı düzeyinde görsel tembel yükleme
• web.dev: Core Web Vitals