Typeform, kullanıcı deneyimi odaklı form tasarımıyla öne çıkan bir SaaS form platformu. Ancak form oluşturmak yalnızca başlangıç; asıl değer, bu formlardan gelen verileri doğru şekilde takip edebilmek ve CRM sistemlerine aktarabilmekte.
Bu rehberde Typeform formlarını Google Tag Manager ile entegre ederek dönüşüm takibi yapmayı, hidden fields ve UTM parametreleri ile veri zenginleştirmeyi ve HubSpot gibi CRM araçlarına kaynak bilgisiyle aktarmayı ele alacağım.
Typeform ve dataLayer Olayları
Typeform, form içerisindeki her soru tamamlandıktan sonra TypeformQuestionPassed ve form gönderildiğinde TypeformSubmit event action’larını dataLayer.push() metodu ile gönderir1 2. Bu olaylar, dönüşüm takibinin temelini oluşturur.
Olay yapısı:
- Event Category: Typeform ID
- Event Action:
TypeformSubmit(form gönderimi) veyaTypeformQuestionPassed(soru tamamlama) - Event Label: Form başlığı
Bu event’ler tetiklendiğinde Google Ads, GA4 veya diğer platformlara dönüşüm bilgisi gönderilebilir.
GTM Entegrasyonu ve Cross-domain Takibi
Typeform’un kendi Google Analytics entegrasyonu mevcut3. Ancak tam kontrol ve özelleştirmeler için Google Tag Manager en uygun seçenek.
Neden Cross-domain Gerekli?
Typeform formları genellikle farklı bir alan adında barınır. Tipik bir akış:
example.com(ana site)example.typeform.com(form)app.example.com(form sonrası yönlendirme)
Kullanıcı oturumunun bu alan adları arasında kesintisiz devam etmesi için cross-domain kurulumu gerekir. Aksi halde her alan geçişi yeni bir oturum olarak sayılır ve dönüşüm doğru kaynağa atfedilemez.
GTM Cross-domain Kurulumu
Cross-domain takibi için yapılması gerekenler:
- Alan adlarını GTM’de sabit bir değişkene aktarın
- GA4 tag yapılandırmasında
linkerayarlarını ve alan adlarını otomatik bağlamayı etkinleştirin - Preview modunda GTM bağlantı devamlılığını kontrol edin
Bu adımlarla _ga parametresi alan adları arasında taşınır ve oturum bütünlüğü korunur. Alan adları kaynak/aracı alanında direct/(none) olarak görünüyorsa ilgili alan adını Referral Exclusion listesine ekleyin.
GTM’de Dönüşüm Tag’i Oluşturma
TypeformSubmit event’ini bir GTM trigger olarak tanımlayın. Bu trigger tetiklendiğinde çalıştırılacak tag’leri (GA4 Event, Google Ads Conversion, vb.) oluşturun.
GTM Preview modunda tüm akışı test edin. Google Tag Assistant ile kayıt alarak hem GTM hem GA4 tarafındaki olayları doğrulayabilirsiniz.
Hidden Fields ile Veri Zenginleştirme
Typeform, form akışında görünmeyen ancak URL parametreleri aracılığıyla değer alan ve form gönderiminde bu değerleri ileten gizli alanlar (hidden fields) oluşturma imkanı sunar4 5. Bu alanlar Logic > Advanced > Hidden Fields adımlarıyla oluşturulur.
Kaynak Takibi
Hidden field olarak source tanımlayarak formun hangi kanaldan doldurulduğunu takip edebilirsiniz:
https://example.typeform.com/to/formID?source=email
https://example.typeform.com/to/formID?source=facebook
https://example.typeform.com/to/formID?source=linkedin
Kişiselleştirme
E-posta bültenlerinde form bağlantısını paylaşırken alıcının adını ve e-posta adresini parametre olarak ekleyebilirsiniz. Typeform’un recall özelliği ile bu bilgileri form içinde de kullanabilirsiniz6:
https://example.typeform.com/to/formID?name=Ahmet+Yılmaz&email=ahmet@example.com
Form özet raporlarında bu gizli alanlar gruplanarak sunulur. Hangi kanalın daha fazla form gönderimi ürettiğini doğrudan Typeform raporlarından görebilirsiniz.
UTM Parametreleri ve Kaynak Belirleme
Typeform, UTM (Urchin Traffic Monitör) parametrelerini destekler7. Bu parametreler özellikle reklam kampanyalarının form dönüşümlerine atfedilmesi için kritiktir.
UTM Tracking Aktivasyonu
Form ayarlarından Settings > UTM Tracking sayfasında UTM takibini etkinleştirin.
Reklam Kampanyalarında Kullanım
Google Ads veya diğer reklam platformlarından gelen trafiğin Typeform üzerinden takip edilebilmesi için açılış sayfasında UTM parametreleri kullanılmalıdır8 9:
https://example.com/?utm_source=google&utm_medium=cpc&utm_campaign=marka&gclid=...
Typeform bu parametreleri yakalar ve form gönderiminde birlikte iletir. UTM ve hidden fields birlikte kullanılabilir:
https://example.typeform.com/to/formID?utm_source=google&utm_medium=paid&utm_campaign=ppc#source=cpc
CRM Entegrasyonu: HubSpot
Typeform verilerini CRM sistemine aktarırken kaynak bilgisinin de taşınması, satış ve pazarlama ekiplerinin doğru attribution verisiyle çalışmasını sağlar. HubSpot bu entegrasyonun en yaygın örneklerinden biri10.
Entegrasyon Kurulumu
Typeform > Connect > HubSpot adımlarıyla entegrasyonu kurun. Alan eşleştirmelerini üç kategoride yapın:
- Standart alanlar: E-posta, ad, soyad
- UTM alanları:
utm_source,utm_medium,utm_campaign - Hidden fields:
sourceve diğer özel alanlar
Bu işlem için mevcut Typeform-HubSpot entegrasyon alanlarının yeniden yapılandırılması gerekebilir. Bu durumda var olan entegrasyonun kaldırılıp yeniden kurulması gerekir.
Kaynak Takibi ve Traffic Analytics
HubSpot Contacts altında Source sütunlarını ekleyerek kişilerin hangi kaynaktan geldiğini görebilirsiniz11. Entegrasyon olmadan gelen veriler (not set), undefined veya direct olarak işaretlenir.
UTM parametreleri doğru yapılandırıldığında HubSpot Traffic Analytics içinde de form girdileri kaynaklarına göre kategorize edilir12 13.
Google Ads Entegrasyonu
HubSpot ile Google Ads hesabı da ilişkilendirilebilir14. Bu sayede HubSpot Pages ile ilişkili kampanya performansını ve reklam bütçesini optimize edebilir, form dönüşümlerini reklam kampanyalarıyla ilişkilendirebilirsiniz.
Test ve Doğrulama
Tüm kurulum tamamlandıktan sonra aşağıdaki kontrolleri yapın:
- GTM Preview: Form gönderiminde
TypeformSubmitevent’inin dataLayer’da göründüğünü doğrulayın - Cross-domain: Alan adları arasında
_gaparametresinin URL’de taşındığını kontrol edin - Hidden fields: Form URL’sine eklenen parametrelerin form gönderiminde iletildiğini Typeform raporlarından doğrulayın
- UTM: Reklam bağlantısından gelen UTM parametrelerinin Typeform’a aktarıldığını kontrol edin
- CRM: HubSpot’ta yeni contact’ın source bilgisinin doğru geldiğini doğrulayın
Google Tag Assistant ile tüm akışı kayıt altına alarak hem GTM hem GA4 özelinde rapor oluşturabilirsiniz.
Footnotes
- How to add Facebook pixel to a typeform. Typeform Help Center ↩
- Google Analytics and tracking. Typeform Help Center ↩
- Connect. Typeform ↩
- Hidden fields explained. Typeform Help Center ↩
- How to use Hidden Fields (Classic builder) ↩
- Recall Information (Classic builder) ↩
- What is UTM tracking? Typeform Help Center ↩
- Google Ads nihai URL’lerinizi etiketleme. Google Ads Yardım ↩
- Otomatik etiketleme hakkında. Google Ads Yardım ↩
- HubSpot. Typeform Connect ↩
- Contact’s ‘Original source’ value changed ↩
- Understand HubSpot’s traffic sources in the traffic analytics tool. HubSpot Knowledge Base ↩
- Understand ‘Original source drill-down’ properties ↩
- Connect your Google Ads account to HubSpot. HubSpot Knowledge Base ↩
- 01 Typeform, dataLayer.push() ile TypeformSubmit ve TypeformQuestionPassed event'lerini otomatik tetikler
- 02 Cross-domain tracking olmadan her alan adı geçişi yeni oturum başlatır ve dönüşüm doğru kaynağa atfedilemez
- 03 Hidden fields ile form URL'sine eklenen source, email ve kampanya bilgileri form gönderiminde taşınır
- 04 UTM parametreleri hidden fields ile birlikte kullanılarak reklam kampanyaları form dönüşümlerine atfedilebilir
- 05 HubSpot entegrasyonunda UTM ve hidden field eşleştirmesi yapılmazsa contact'lar (not set) veya direct olarak işaretlenir
+ Typeform formlarında GTM ile dönüşüm takibi nasıl kurulur?
Typeform, form gönderildiğinde dataLayer'a TypeformSubmit event'ini push eder. GTM'de bu event için Custom Event trigger oluşturup GA4 Event veya Google Ads Conversion tag'i bağlayabilirsiniz. Cross-domain tracking için GA4 tag yapılandırmasında linker ayarlarını etkinleştirmeniz gerekir.
+ Typeform hidden fields ne işe yarar?
Hidden fields, form akışında görünmeyen ancak URL parametreleri aracılığıyla değer alan gizli alanlardır. source, utm_source, email gibi bilgileri form URL'sine ekleyerek form gönderiminde bu verileri taşıyabilirsiniz. Typeform raporlarında ve CRM entegrasyonlarında kaynak bilgisi olarak kullanılır.
+ Typeform ve HubSpot entegrasyonunda kaynak bilgisi neden (not set) görünür?
UTM parametreleri ve hidden fields doğru eşleştirilmeden kurulan entegrasyonlarda HubSpot contact'ları kaynak bilgisi olmadan oluşur. Entegrasyon kurulumunda standart alanlar, UTM alanları ve hidden fields olmak üzere üç kategoride alan eşleştirmesi yapılmalıdır.
+ Typeform cross-domain tracking neden gerekli?
Typeform formları genellikle farklı bir alan adında barınır (example.typeform.com). Cross-domain kurulumu olmadan kullanıcı oturumu alan adları arasında kesilir, her geçiş yeni oturum olarak sayılır ve dönüşüm kaynağı kaybolur.