InstaStory Modülü

InstaStory modülü, Instagram hikayelerinizi e-ticaret sitenize aktarmanızı sağlayan bir özelliktir.

Instagram hikayeleriniz 15 dakikada bir otomatik olarak çekilir ve sitenizde belirlediğiniz alanda eş zamanlı olarak gösterilir. Bunun yanında Instagram'dan bağımsız, yalnızca sitenize özel hikayeler de paylaşabilirsiniz.

Bu modül Platinium ve Plus paketlerde ücretsiz olarak kullanılabilir. Diğer paketler için satış temsilcinizle iletişime geçerek bilgi alabilirsiniz.

Eklenen hikayeler sitenizde bu şekilde görünür.

Sitede görünen InstaStory hikaye alanı

Hikayelerin görüntüleneceği alan değiştirilebilir. Önce InstaStory kurulumunu tamamlayalım, konum ayarını kurulumun ardından ele alacağız.

Başlamadan Önce

InstaStory modülünü kullanabilmek için üç şeye ihtiyaç duyulur: bir Instagram işletme (business) profili, bir Facebook hesabı ve bu hesaba bağlı bir Facebook sayfası.

Facebook hesabınız hazırsa https://www.facebook.com/pages/create/?ref_type=pages_browser adresinden işletmeniz için yeni bir sayfa oluşturabilirsiniz. Açılan ekranda Sayfa Adı, Kategori ve Açıklama alanları doldurulup "Sayfa Oluştur" butonuna tıklanır.

Facebook sayfa oluşturma ekranı

Dilerseniz sayfanıza profil ve kapak görseli de ekleyebilirsiniz.

Facebook sayfası profil ve kapak görseli

Oluşturduğunuz sayfanın içeriğini görüntüleyerek sayfanın Ayarlar alanına giriş yapabilirsiniz.

Facebook sayfa ayarları
Facebook sayfa ayarları menüsü

Ayarlar içerisindeki Instagram seçeneğine tıklanır.

Facebook sayfası Instagram bağlantısı

"Hesabı Bağla" adımında açılan pencerede Instagram kullanıcı adı ve şifrenizle giriş yapabilirsiniz. Bağlanacak hesabın Instagram Business hesabı olması gerekmektedir.

Instagram hesabınız başka bir Facebook sayfasına bağlıysa, Facebook bu sayfaya yeniden bağlanmanıza izin vermez. Bu durumda önceki sayfa bağlantısının kaldırılması ya da bağlantının farklı bir hesap üzerinden yapılması gerekmektedir.

Meta Uygulaması Oluşturma

Bağlı Instagram hesabındaki hikayelere erişim sağlanabilmesi için Meta tarafında bir uygulama oluşturulması gerekir. https://developers.facebook.com/apps/ adresine giriş yaptıktan sonra sağ üstteki Create App butonuna tıklanır.

Meta for Developers uygulama listesi ve Create App butonu

Açılan App details adımında uygulamanız için bir isim (App name) ve iletişim e-posta adresi (App contact email) belirtilerek Next butonuna tıklanır.

Uygulama adı ve iletişim e-posta adresi alanları

Use cases adımında listedeki seçenekler yerine, en altta yer alan Other seçeneği işaretlenip Next ile devam edilir.

Add use cases ekranında Other seçeneği

Uygulama tipi olarak Business seçilerek Next butonuna tıklanır.

Uygulama tipi, uygulama oluşturulduktan sonra değiştirilemez. Bu adımda Business seçeneğinin işaretlendiğinden emin olmanız önemlidir.

Select an app type ekranında Business seçeneği

Son adımda ek bir işlem yapılmasına gerek yoktur; Business portfolio alanı "No business portfolio selected" olarak bırakılıp Create app butonuna tıklanır.

Uygulama detayları ve Create app butonu

Uygulama oluşturulduğunda ürün ekleme ekranına yönlendirilirsiniz. Bu ekranda işlem yapmadan üst menüdeki Dashboard alanına geçebilirsiniz.

Facebook Login for Business Ayarları

Dashboard ekranındaki ürünler arasından Facebook Login for Business kartında yer alan Set up butonuna tıklanır. Bu adım daha önce tamamlandıysa sol menüden Facebook Login for Business > Settings alanına geçilebilir.

App Dashboard ekranında Facebook Login for Business kartı

Settings ekranında aşağıdaki üç alana InstaStory uygulama adresi girilir:

  • Valid OAuth Redirect URIs
  • Deauthorize callback URL
  • Data Deletion Request URL

Bu üç alana girilecek adres, yönetim panelinizdeki Modüller > InstaStory ekranında yer alır. Adresi buradan kopyalayarak kullanabilirsiniz.

Alanlar doldurulduktan sonra değişiklikler kaydedilir.

Valid OAuth Redirect URIs, Deauthorize ve Data Deletion Request alanları

Erişim İzinleri ve Token Oluşturma

Uygulamanın yetkilendirilmesi için Graph API Explorer aracı üzerinden bir erişim anahtarı (token) oluşturulur. Bu yöntemle, uygulama için ayrıca izin başvurusu yapılmasına gerek kalmadan gerekli yetkiler alınmış olur.

Eklenecek izinler:

  • email
  • pages_show_list
  • business_management
  • instagram_basic
  • instagram_manage_insights
  • pages_read_engagement

https://developers.facebook.com/tools/explorer adresine giriş yapıldıktan sonra sırasıyla:

  1. Meta App alanından, yukarıda oluşturduğunuz uygulama seçilir. Token bu uygulama için oluşturulacaktır.
  2. Permissions alanına yukarıda belirtilen izinler eklenir.
  3. Generate Access Token butonuna tıklanır. Facebook girişi tamamlandığında oluşan token, Access Token alanında görüntülenir. Ardından Submit butonuyla test isteği gönderilerek bağlantı doğrulanmış olur.
Graph API Explorer ekranında Meta App, Permissions ve Access Token alanları

Uygulama Development modundayken de çalışmaya devam eder. Uygulamayı Live moda almak isterseniz App Settings > Basic alanındaki Privacy Policy URL ve Terms of Service URL alanlarının doldurulması zorunludur. Bu alanlarda sitenizin gizlilik ve kullanım koşulları sayfalarını kullanabilirsiniz.

Uygulama Ayarları

Meta tarafındaki işlemler tamamlandıktan sonra App Settings > Basic alanına girilerek App ID ve App Secret bilgileri kopyalanır. Bu bilgiler, yönetim panelinizdeki Uygulamalar > InstaStory alanına girilerek kaydedilir.

Bilgiler kaydedildikten sonra giriş (login) işlemi gerçekleştirilir. Giriş sırasında Facebook, bağlanacak sayfayı ve bu sayfaya bağlı Instagram hesabını seçmenizi isteyecektir; bu nedenle Facebook sayfanızın ve bağlı Instagram hesabınızın hazır olması gerekir.

Yönetim panelinde InstaStory uygulama ayarları

Konumu: Hikayelerin sitede hangi alanda gösterileceğini belirlediğiniz alandır. Menünün altında, slider üstünde, slider altında veya footer üstünde gösterilebileceği gibi, özel değişken seçildiğinde ilgili değişken kopyalanarak sitenin herhangi bir alanında gösterilmesi de mümkündür.

InstaStory konum ayarı

Gösterimi: Tekli ve çoklu olmak üzere iki seçenek bulunur. Tekli seçildiğinde yalnızca en son eklenen hikaye gösterilir, ok işaretleriyle diğer hikayelere geçiş yapılabilir. Çoklu gösterimde ise tüm hikayeler birlikte listelenir.

InstaStory gösterim ayarı

Hikaye Ayarları

Hikayeleri Güncelle butonuyla Instagram'daki hikayelerinizi anlık olarak çekebilirsiniz.

Hikayeleri güncelle butonu

(+) Hikaye Ekle butonuyla Instagram'da bulunmayan, siteye özel hikayeler oluşturabilirsiniz.

Hikaye ekleme ekranı

Bağlantı: Hikaye açıldığında görselin üzerine tıklandığında gidilecek adresi belirleyebilirsiniz. Örneğin bir ürün ya da kategori linki eklenebilir.

Açıklama: Görselin üzerine bir açıklama metni ekleyebilirsiniz.

Sıra numarası: Hikayenin sayfada gösterileceği sırayı belirleyebilirsiniz. Örneğin 1 yazıldığında en önde gösterilecektir.

Durum: Aktif ya da pasif olarak kaydedebilirsiniz. Hikayeleri önceden hazırlayıp pasif olarak kaydedebilir, yayınlamak istediğinizde durumunu aktif yapabilirsiniz.

Resim: Hikayede gösterilecek görseli bilgisayarınızdan seçebilirsiniz.

Hikayeleri düzenleme ve silme

Hikaye düzenleme ve silme butonları

Instagram'dan çekilen hikayeler, Instagram'da 24 saatlik süresi dolduğunda sitenizden de otomatik olarak kalkar. "Hikaye Ekle" ile siteye özel eklediğiniz hikayeler ise siz silmediğiniz sürece yayında kalmaya devam eder. Hikayenin altındaki sil butonuyla dilediğiniz zaman kaldırabilirsiniz.

Hikayelerin altında yer alan düzenleme butonuyla bağlantı adresi ya da sıra numarası gibi bilgileri sonradan güncelleyebilirsiniz.

Bağlı Uygulamayı Görüntüleme

Giriş işlemi başarıyla tamamlandığında, https://www.facebook.com/settings/?tab=business_tools adresinden Facebook hesabınıza bağlı uygulamayı görüntüleyebilir, dilerseniz bağlantıyı buradan kaldırabilirsiniz.

Facebook İşletme Entegrasyonları ekranında bağlı uygulama
Bu içerik sizin için faydalı oldu mu?
Daha Fazla Yardıma İhtiyacın Varsa

ideasoft ile kazanma sırası şimdi sende

Hemen Ücretsiz Deneyin