Trigger'lar

Tetikleyiciler koşulları tanımlar hangi koşullar altında tag'lerin çalıştırılacağını. Tag'ler hangi eylemin yapılacağını (ör. bir Event gönderme, profil güncelleme, HTML kodu çalıştırma) belirtirken, tetikleyiciler bu eylemin ne zaman çalıştırılacağını belirtir.

Her tag'in en az bir tetikleyici atanmış olmalıdır. Tetikleyici olmadan bir tag asla çalışmaz. Farklı tetikleyici türleri ve filtreleri birleştirerek basit kurallar (ör. tüm sayfalarda çalıştır) veya karmaşık mantık (ör. kullanıcı ödeme sayfasını ziyaret eder, %50 kaydırma yapar ve "Buy" butonuna tıklar ise çalıştır) oluşturabilirsiniz.

Tetikleyici Yaşam Döngüsü

1. Tetikleyici Dinleyicileri – Tag Manager sayfa yüklemeleri, kullanıcı etkileşimleri veya değişken değişiklikleri gibi Event'leri sürekli olarak izler.

2. Değerlendirme – Belirtilen Event gerçekleştiğinde sistem tetikleyicinin koşullarını ve filtrelerini kontrol eder.

3. Yürütme – Eğer tüm koşullar eşleşirse tetikleyici ateşlenir ve iliştirilmiş tag'ler çalıştırılır.

Adım 1: Triggers Sekmesini Açın

1. şuradan Workspaceseçin Trigger'lar sol menüde.

2. Aşağıdaki detaylarla birlikte mevcut tetikleyicilerin bir listesini göreceksiniz:

   • Ad – tetikleyicinin benzersiz tanımlayıcısı.

   • ve bir – hangi Event'in onu aktive ettiği.

   • İlişkili Tag'ler – tetikleyici ateşlendiğinde çalışacak tag'ler.

   • Son Düzenleme – tetikleyicinin en son ne zaman değiştirildiği.

   • Eylemler – düzenleme, görüntüleme veya silme seçenekleri.

Adım 2: Yeni Bir Tetikleyici Oluşturun

1. Tıklayın Tag Manager > Workspace > Triggers.

2. Bir Ad tetikleyiciniz için (anlatıcı bir şey seçin, ör. gibi) Checkout Button Click).

3. Şunu seçin ve bir açılır menüden. Şunlar gibi seçeneklerden seçebilirsiniz:

   • Page View / DOM Ready / Window Loaded – sayfa yükleme Event'lerinde ateşler.

   • Click / Link Click – kullanıcıların öğelere veya linklere tıklamasıyla ateşler.

   • Scroll Depth – belirli bir kaydırma yüzdesinde ateşler.

   • Element Visibility – bir öğe görünür hale geldiğinde ateşler.

   • Custom Event – geliştirici tarafından tanımlanmış Event'lerde ateşler.

   • Timer, API Call, Exit Intent, ve daha fazlası.

Tetikleyici Türleri

Sayfa Yükleme Tetikleyicileri

1. Page View: Sayfa yüklenmeye başladığı anda ateşler.

2. Window Loaded: Tüm sayfa ve kaynakları (görseller, CSS, script'ler) tamamen yüklendikten sonra yalnızca ateşler.

3. DOM Ready: HTML belge yapısı tamamen yüklendiğinde (ancak görseller ve diğer kaynaklar öncesinde) ateşler.

Kullanım Durumları:

• Herhangi bir sayfa görüntülendiğinde analitik Event'leri ateşleyin.

• Güvenilirlik sağlamak için pazarlama piksel'lerini tam sayfa yüklemesinden sonra tetikleyin.

• HTML hazır olduğunda DOM'a bağlı script'leri çalıştırın.

Kullanıcı Etkileşim Tetikleyicileri

1. Tıklayın: Bir kullanıcı herhangi bir öğeye tıkladığında ateşler.

2. Link Click: Özellikle bağlantı tıklamaları için ateşler (<a> tag'leri).

3. Scroll Depth: Bir kullanıcı belirli bir yüzde (ör. %25, %50, %100) kadar kaydırma yaptığında ateşler.

4. Element Visibility: Belirli bir öğe görünüm alanında belirdiğinde ateşler.

5. Exit Intent: Sistem kullanıcının sayfadan ayrılmak üzere olduğunu algıladığında ateşler (ör. fare tarayıcı kapatma düğmesine doğru hareket ederken).

Kullanım Durumları:

• CTA butonu tıklamalarını izleyin.

• Kullanıcılar uzun içerikte kaydırma yaptığında etkileşimi kaydedin.

• Bir banner görünür olduğunda bir widget'ı tetikleyin.

• Kullanıcı satın almadan ayrılacaksa çıkış anketi gösterin.

Event Tabanlı Tetikleyiciler

1. Custom Event: Geliştirici tarafından tanımlanmış bir Event veri katmanına itildiğinde ateşler.

2. History Change: Tarayıcı geçmişi değiştiğinde ateşler (ör. Single Page Applications içinde).

3. Gezinme: Kullanıcı yeni bir sayfaya veya bölüme gittiğinde ateşler.

4. Mutation: Bir DOM öğesi değiştiğinde (atribut, içerik veya alt düğümler) ateşler.

5. Crash: Bir JavaScript hatası oluştuğunda ateşler.

6. Console Log: Yakalanan konsol mesajlarına dayanarak ateşler.

7. API Call: Belirtilen ağ/API isteği tespit edildiğinde ateşler.

Kullanım Durumları:

• Sayfa yeniden yüklenmeden SPA gezinimini yakalayın.

• Form doğrulama hatalarını (konsol log'ları aracılığıyla) izleyin.

• Belirli API çağrıları (ör. satın alma onayı) yapıldığında dönüşüm tag'lerini tetikleyin.

Zaman Tabanlı Tetikleyiciler

1. Zamanlayıcı: Belirlenen aralıklarla tekrarlı olarak ateşler (ör. her 10 saniye).

2. Tetikleyici Grubu: Birden çok tetikleyici birlikte gerçekleştiğinde ateşler (tüm koşullar sağlanmalı).

Kullanım Durumları:

• Kullanıcıların bir sayfada ne kadar kaldığını izleyin.

• Sadece koşul kombinasyonu sağlanırsa bir Event ateşleyin (ör. kaydırma derinliği + tıklama).

Adım 3: Filtreler / Değişkenler Ekle (İsteğe Bağlı)

Filtreler tanımlamanıza izin verir koşullar tetikleyicinin ne zaman aktive olması gerektiği için.

1. Tıklayın Yeni Filtre Ekle.

2. Seçin bir Değişken (ör. Page URL, Click Text, Element ID).

3. Bir Operator (eşittir, içerir, ile başlar, regex ile eşleşir, vb.).

4. Bir Değer özel hata mesajı /checkout, Subscribe Button).

5. Birden çok filtreyi AND / OR mantığıyla ileri düzey kurallar için birleştirin.

Değişken: Değerlendirilecek veri noktası (ör. Page URL, Click ID, Element Text).

Operator: Karşılaştırma yöntemi (ör. equals, contains, starts with, greater than).

Değer: Beklenen değer (ör. /checkout, true, button-123).

Birden çok filtre ekleyebilir ve bunları uygulayabilirsiniz.:

AND = tüm koşulların doğru olması gerekir.

OR = en az bir koşul doğru olmalı.

: Deneyimlerini anlamak için geri bildirim istemek veya bir ankete katılmalarını teşvik etmek.

• Sadece şu durumda ateşle Page URL içerir /checkout.

• Sadece şu durumda ateşle Click Text "Subscribe" ile eşit VE Page Path ile başlar /blog.

• Ateşle eğer User Role değişkeni "Premium" ile eşit VEYA Page Path ile eşit /thank-you.

Adım 4: Tetikleyiciyi Kaydet ve Bir Tag'e Ata

1. Tıklayın Kaydet tetikleyiciyi oluşturmak için.

2. Git Tags bölümünde yapılandırabilirsiniz.

3. Bir tag'i düzenleyin veya oluşturun ve altında Trigger adımında, az önce oluşturduğunuz tetikleyiciyi seçin.

4. Tag'i kaydedin.