Contact Form 7, WordPress kullanıcılarının en çok tercih ettiği iletişim formu eklentilerinden biri. Sitenizdeki formlardan gelen dönüşümleri, Google Tag Manager ve Google Analytics 4 (GA4) ile takip etmek, pazarlama ve kullanıcı deneyimi açısından büyük avantaj sağlar. Doğru kurulumla, hangi formun ne kadar doldurulduğunu, hangi sayfada daha çok etkileşim aldığınızı ve kullanıcıların hangi adımlarda formu terk ettiğini net şekilde görebilirsiniz. Bu takip, hem sitenizin performansını artırır hem de pazarlama stratejilerinizi daha verimli yönetmenizi sağlar.
Contact Form 7 Nedir ve Neden Takip Edilmelidir?
Contact Form 7, WordPress tabanlı sitelerde kolayca iletişim formları oluşturmanızı sağlayan, ücretsiz ve esnek bir eklenti. Kısa kodlarla istediğiniz sayfaya form ekleyebilir, farklı alanlar ve doğrulama seçenekleriyle formları özelleştirebilirsiniz. Kullanıcılarınızın size ulaşmasını kolaylaştırırken, aynı zamanda spam koruması ve özelleştirilebilir bildirimler gibi pratik özellikler de sunar.
Form takibi ise, sitenizin dönüşüm oranlarını ve kullanıcı davranışlarını anlamak için kritik öneme sahip. Hangi formun daha çok doldurulduğu, hangi sayfada kullanıcıların formu terk ettiği veya hangi kampanyanın daha fazla dönüşüm getirdiği gibi sorulara yanıt bulmak, pazarlama stratejilerinizi güçlendirir. Google Tag Manager ve GA4 ile form gönderimlerini izleyerek, veriye dayalı kararlar alabilir ve sitenizin performansını artırabilirsiniz.
Contact Form 7’nin Özellikleri
Contact Form 7, kullanım kolaylığı ve esnekliğiyle öne çıkıyor. Sürükle-bırak arayüzü olmasa da, kısa kod mantığı sayesinde her sayfaya veya yazıya kolayca form eklenebiliyor. Form alanlarını istediğiniz gibi düzenleyebilir, zorunlu alanlar belirleyebilir ve hata mesajlarını kişiselleştirebilirsiniz. CAPTCHA ve Akismet entegrasyonlarıyla spam koruması sağlamak da mümkün. Ayrıca, e-posta bildirimlerini özelleştirerek, her form gönderiminde farklı kişilere veya departmanlara bildirim gönderebilirsiniz. Geliştiriciler için API desteği ve ek eklentilerle daha gelişmiş işlevler eklemek de oldukça kolay.
Form Takibinin Önemi
Form takibi, sitenizin dönüşüm hunisinin en kritik noktalarından birini oluşturur. Ziyaretçilerinizin formu doldurup göndermesi, genellikle bir satın alma, teklif talebi veya iletişim kurma gibi değerli bir aksiyona işaret eder. Hangi formların daha çok doldurulduğunu bilmek, hangi sayfaların daha iyi performans gösterdiğini anlamak ve kullanıcıların hangi adımlarda formu terk ettiğini tespit etmek, sitenizi sürekli geliştirmek için vazgeçilmezdir.
Google Tag Manager ve GA4 ile form takibi yaparak, pazarlama kampanyalarınızın başarısını ölçebilir, reklam bütçenizi daha verimli kullanabilir ve kullanıcı deneyimini iyileştirecek adımlar atabilirsiniz. Form takibi sayesinde, yatırımınızın karşılığını net bir şekilde görebilir ve sitenizin gerçek potansiyelini ortaya çıkarabilirsiniz.
Contact Form 7’yi Google Tag Manager ile Takip Etme Adımları
Contact Form 7 üzerinden gelen form gönderimlerini Google Tag Manager ile izlemek, dönüşüm takibini kolaylaştırır ve pazarlama stratejilerinizi güçlendirir. Doğru kurulumla, her form gönderimini Google Analytics 4’e (GA4) etkinlik olarak gönderebilir, hangi formun ne kadar kullanıldığını anlık olarak takip edebilirsiniz. Aşağıda, bu süreci adım adım nasıl uygulayabileceğinizi bulabilirsiniz.
1. Otomatik Event Listener
Contact Form 7, form gönderimi tamamlandığında sayfada otomatik olarak bir JavaScript olayı (event) tetikler. Bu olayın adı genellikle “wpcf7mailsent” olarak geçer. Google Tag Manager, bu olayı dinleyerek formun başarıyla gönderildiğini algılayabilir. Ekstra bir kod eklemeden, GTM’in “Olay Dinleyici” (Event Listener) özelliğiyle bu işlemi kolayca gerçekleştirebilirsiniz. Eğer özel bir yapı kullanıyorsanız, aşağıdaki gibi bir kodu sitenize ekleyebilirsiniz:
Listener:
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
window.dataLayer.push({
"event" : "cf7submission",
"formId" : event.detail.contactFormId,
"response" : event.detail.inputs
})
});
</script>
Bu kod, form başarıyla gönderildiğinde “cf7success” adında bir event’i dataLayer’a aktarır. Böylece, GTM panelinde bu olayı tetikleyici olarak kullanabilirsiniz.
2. Değişkenler ve Tetikleyici
Google Tag Manager panelinde, öncelikle “cf7success” event’ini dinleyecek bir tetikleyici oluşturmanız gerekir. Yeni bir tetikleyici ekleyin, tür olarak “Özel Olay” (Custom Event) seçin ve olay adı kısmına “cf7success” yazın. Bu tetikleyici, sadece Contact Form 7 formu başarıyla gönderildiğinde çalışacaktır.
Daha detaylı analiz için, dataLayer’a aktarılan “formId” gibi değişkenleri de GTM’de tanımlayabilirsiniz. Böylece, birden fazla formunuz varsa, hangi formun gönderildiğini ayrı ayrı izleyebilirsiniz. GTM’de “Değişkenler” bölümüne girip, yeni bir dataLayer değişkeni ekleyerek “formId” bilgisini çekebilirsiniz. Bu sayede, raporlarınızı daha ayrıntılı ve anlamlı hale getirebilirsiniz.
3. Google Analytics 4 Etkinlik Etiketi
Tetikleyici ve değişkenler hazır olduktan sonra, Google Analytics 4’e veri gönderecek bir etiket oluşturmanız gerekiyor. GTM’de yeni bir etiket ekleyin, tür olarak “Google Analytics: GA4 Olayı” seçin. Ölçüm Kimliği (Measurement ID) kısmına GA4 mülkünüzün kimliğini girin. Olay adı olarak “form_submission” veya kendi belirlediğiniz bir isim kullanabilirsiniz.
Ekstra parametreler eklemek isterseniz, formId veya formun bulunduğu sayfa gibi bilgileri de parametre olarak tanımlayabilirsiniz. Son olarak, bu etiketi az önce oluşturduğunuz “cf7success” tetikleyicisine bağlayın ve kaydedin. Önizleme modunda test ederek, form gönderimi sonrası GA4’e etkinlik verisinin ulaştığından emin olun. Her şey doğru çalışıyorsa, etiketi yayınlayarak form takibini aktif hale getirebilirsiniz. Artık, Contact Form 7 üzerinden gelen her form gönderimi, Google Analytics 4’te etkinlik olarak kaydedilecek ve dönüşüm analizleriniz çok daha sağlıklı olacak.
4. Özel Boyutları Kaydedin
Form takibinde sadece gönderim sayısını değil, gönderilen formun türü, formun bulunduğu sayfa veya kullanıcıya ait ek bilgileri de analiz etmek isteyebilirsiniz. Google Analytics 4’te “Özel Boyutlar” (Custom Dimensions) tanımlayarak, bu ek verileri raporlarınıza dahil edebilirsiniz. Örneğin, birden fazla formunuz varsa, her formun ID’sini veya adını özel boyut olarak kaydedebilirsiniz. GA4 panelinde “Yönetici” bölümünden “Özel Tanımlar” sekmesine girip, yeni bir özel boyut oluşturun. GTM’de ise, dataLayer’a aktarılan formId veya başka bir değişkeni GA4 etiketinizde parametre olarak ekleyin. Böylece, hangi formun ne kadar gönderildiğini, hangi sayfada daha çok etkileşim aldığını detaylı şekilde analiz edebilirsiniz.
5. GTM’de Yeni Etiket (Tag) Oluşturma
Google Tag Manager’da form gönderimini Google Analytics 4’e iletmek için yeni bir etiket oluşturmanız gerekir. GTM panelinde “Yeni Etiket” seçeneğine tıklayın ve tür olarak “Google Analytics: GA4 Olayı” seçin. Ölçüm Kimliği (Measurement ID) alanına GA4 mülkünüzün kimliğini girin. Olay adı olarak “form_submission” veya kendi belirlediğiniz bir isim kullanabilirsiniz. Eğer özel boyutlar veya ek parametreler göndermek istiyorsanız, “Olay Parametreleri” bölümüne dataLayer’dan gelen değişkenleri ekleyin. Etiketin doğru tetikleyiciyle eşleştiğinden emin olun. Etiketi kaydedip test ettikten sonra yayına alabilirsiniz.
6. Form Gönderim Tetikleyicisi (Trigger) Ayarları
Form gönderimini doğru şekilde izlemek için, GTM’de özel bir tetikleyici ayarlamanız gerekir. “Tetikleyiciler” bölümünde yeni bir tetikleyici oluşturun, tür olarak “Özel Olay” (Custom Event) seçin ve olay adı kısmına dataLayer’a aktardığınız event adını (örneğin “cf7success”) yazın. Bu tetikleyici, sadece Contact Form 7 formu başarıyla gönderildiğinde çalışır. Eğer birden fazla formu ayrı ayrı izlemek istiyorsanız, tetikleyiciye ek filtreler ekleyerek (örneğin formId’ye göre) daha detaylı takip yapabilirsiniz. Tetikleyicinin doğru çalıştığından emin olmak için önizleme modunda test yapmayı unutmayın.
7. Doğru Veri Katmanı (Data Layer) Kullanımı
Google Tag Manager ile form takibinde en önemli adımlardan biri, doğru şekilde yapılandırılmış bir dataLayer kullanmaktır. DataLayer, GTM’in sayfa üzerindeki olayları ve değişkenleri algılamasını sağlar. Contact Form 7 formu gönderildiğinde, dataLayer’a formId, form adı veya başka parametreler ekleyerek, bu bilgileri GTM’de kullanabilirsiniz. DataLayer’ın doğru çalışıp çalışmadığını GTM’in önizleme modunda görebilirsiniz. Eğer birden fazla formunuz varsa, her formun benzersiz bir ID veya ad ile dataLayer’a aktarılması, raporlamada büyük kolaylık sağlar. Doğru yapılandırılmış bir dataLayer, hem GA4’e doğru veri aktarımı sağlar hem de analizlerinizi daha anlamlı ve detaylı hale getirir.
