19.07.2023
iFrame nedir, öncelikle bu soruya açıklık getirmek gerekiyor.
iFrame, bir web sayfasının içerisine farklı bir web sayfasını gömmemizi ve görüntülememizi sağlayan bir HTML etiketidir. iFrame etiketi kullanarak kendi web sitemiz içinde başka bir web sitesini entegre edebilir veya farklı bir web sitesinin belirli bir sayfasını kendi sitemizde gösterebiliriz.
iFrame içerisindeki kullanıcı hareketlerini izleyebilmek için iFrame’in içindeki web sitesine geliştirici erişiminiz olması gerekiyor. Aksi takdirde izleme yapamazsınız.
iFrame’den ana çerçeveye postMessage adlı bir Javascript çağrısı göndererek iFrame etkileşimlerini izleyebilirsiniz. postMessage adlı Javascript çağrısını iFrame’in içine her bir izlenecek etkileşim için kod parçacıkları yöntemiyle ekleyebilir(iFrame’in geliştiricisinden istenebilir) veya iFrame’e eklenecek Google Tag Manager ile sağlanabilir.
Biz Google Tag Manager ile yolumuza devam ediyoruz. iFrame’i içeren web sitenizde GTM kurulu olsa bile, iFrame içinde meydana gelen kullanıcı etkileşimlerini toplayamayacaktır. Bundan dolayı iFrame’e de GTM yüklü olması gerekiyor.
iFrame’inizde hangi kullanıcı eylemlerini izlemek istediğinize karar vermeniz gerekecek. Biz örneğimizi form gönderimi üzerinden anlatacağız.
Öncelikle tetikleyicimizi(trigger) ayarlamamız gerekiyor, dolayısıyla Form ID “submit” ile eşit olduğunda tetikleyicinin tetiklenmesini istiyoruz. Burada kullanıcı izlemek istediğiniz eylemi gerçekleştirdiğinde tetikleyicinin her zaman tetiklenmesini gerekir, ancak kullanıcı iFrame ile başka şekillerde etkileşim kurduğunda tetiklenmemelidir.
Şimdi geldi sıra iFrame verisini ana çerçeveye gönderme işlemine, yeni bir etiket(tag) oluşturuyoruz. Verileri Google Tag Manager yardımıyla ana çerçevemize göndermek için izleme verilerini üst çerçeveye ileten postMessage yöntemini kullanacağız.
Özel HTML(custom HTML) ile etiketimizi oluşturuyoruz ve tetikleyici olarak “form – submit”’i seçiyoruz.
iFrame’imiz izleme verilerini ana çerçeveye gönderecek, ana çerçevede bu verileri dinlememiz gerekiyor. Bundan dolayı bu dinleme etiketimizin form gönderim sayfasında tetiklenmesini istiyoruz.
Tetikleyicimiz sadece form gönderimi(get-offer) sayfasında “Sayfa Görüntüleme” olarak ayarlıyoruz.
Dinleyeceğimiz iFrame verileri için yeni bir etiket oluşturuyoruz, bu işlem ile postMessage’daki bilgileri alır ve bu bilgileri Veri Katmanı’na(Data Layer) gönderir.
Artık izlemek istediklerimiz ana çerçevemizin Veri Katmanında bulunduğuna göre, iFrame verilerini istediğimiz araçlara gönderebiliriz.
postMessage yöntemiyle gönderme işleminde kullandığımız etkinlik(event) ismini, tetikleyici olarak seçtiğimiz Özel Etkinlik(Custom Event) alanına yazıyoruz.
Ve artık geldi sıra GA4 Etkinliğine:
iFrame tarafından gelen veriler artık istediğiniz araçlara gönderebilirsiniz. iFrame’den gelen verileri dataLayer’dan da kontrol edebilirsiniz.
Umarım yararlı bir yazı olmuştur, görüş ve yorumlarınız için bizimle iletişime geçebilirsiniz.
Perfist Blog
Benzer Yazılar
Universal Analytics’ten Google Analytics 4’e geçişle beraber bazı çözülmesi gereken sorunlarınız olabilir. Bu sorunlardan biri de ‘unassigned’ trafik. Raporlarda “unassigned” / (not set) olarak görünen boyutlar, analiz ve optimize etme olanağınızı olumsuz etkileyen bir faktör olarak karşımıza çıkıyor. GA4 raporlarınızdaki “unassigned” trafiğin nedenlerini ve nasıl azaltalabileceği gibi konulara değineceğiz. Bu sayede web sitenizin ziyaretçi trafik […]
Devamını Oku
Beginner Level Web/App AnalitiğiGoogle Cloud’un BigQuery veri ambarı Facebook Reklamlarından otomatik veri aktarımını desteklediğini bu yılın başında açıklamıştı. Önizleme aşamasında olan bu özellik, veri yükleme işlerinin planlanmasına olanak tanıyarak analiz ve içgörüler geliştirmek için alternatif bir yol sunuyor. Bu entegrasyon sayesinde üçüncü taraf araçlara veya manuel kod çalışmasına olan ihtiyacınız ortadan kalkıyor. Bu entegrasyon özel raporların desteklenmediği sabit […]
Devamını Oku
Mid Level Web/App AnalitiğiGoogle Analytics 4’ün app ve web verilerini birleştiriyor olmasıyla uygulama analizleri daha kolay takip edilebilir hâle geldi. Firebase Analytics, iOS veya Android uygulamanızın takibini GA4 ile kolaylıkla yapabilmenize olanak tanıyor. Mobil uygulama takibi için birçok farklı tool olmasıyla beraber aynı mülk içinde hem web hem de app verilerini görebiliyor olmak daha doğru analizler ve stratejiler […]
Devamını Oku
Mid Level Web/App Analitiğiİşletmeler, analitik ve pazarlama çerezlerinden mümkün olduğunca fazla veri kullanmak ister. Ancak bu verileri toplayabilmesi ve kullanabilmesi için KVKK/GDPR gibi kanunlara uyum sağlaması gerekir. Google, Consent Mode’nu kullanıma açarak çerezlerin onay düzeyine göre kullanılabilmesine yardımcı olur. Yani Consent Mode ile kullanıcıların gizlilik tercihleri dikkate alınarak ilgili platformlara aktarılması sağlanır. Çerez türlerini kısaca açıklamak gerekirse: Zorunlu […]
Devamını Oku
Mid Level Web/App Analitiği