Tetikleyiciler

Tetikleyiciler, koşulları tanımlar hangi etiketler altında yürütülür. Etiketler hangi işlemin gerçekleştirileceğini belirtirken (ör. bir etkinlik gönderme, bir profili güncelleme, HTML kodu çalıştırma), tetikleyiciler bu işlemin ne zaman çalıştırılacağını belirtir.

Her etiket için en az bir tetikleyici atanmış olmalıdır. Tetikleyici olmadan bir etiket asla çalışmaz. Farklı tetikleyici türlerini ve filtreleri birleştirerek hem basit kurallar (ör. tüm sayfalarda çalıştırma) hem de karmaşık mantıklar (ör. yalnızca bir kullanıcı ödeme sayfasını ziyaret ederse, %50 kaydırırsa ve "Satın Al" düğmesine tıklarsa çalıştırma) oluşturabilirsiniz.

Tetikleyici Yaşam Döngüsü

1. Tetikleyici Dinleyiciler – Etiket (Tag) Yöneticisi, sayfa yüklemeleri, kullanıcı etkileşimleri veya değişken değişiklikleri gibi olayları sürekli olarak izler.

2. Değerlendirme – Belirtilen olay gerçekleştiğinde, sistem Tetikleyici’nin koşullarının ve filtrelerinin sağlanıp sağlanmadığını kontrol eder.

3. Yürütme – Tüm koşullar eşleşirse, Tetikleyici çalışır ve ekli etiketler yürütülür.

1. Adım: Tetikleyiciler Sekmesini Açın

1. Şuradan Çalışma alanı, seçin Tetikleyiciler sol taraftaki menüde.

2. Mevcut Tetikleyicilerin aşağıdaki ayrıntılarını içeren bir liste göreceksiniz:

   • Ad – Tetikleyicinin benzersiz kimliği.

   • Tür – onu hangi olayın etkinleştirdiği.

   • Ekli Etiketler – Tetikleyici çalıştığında çalışacak etiketler.

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

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

2. Adım: Yeni Bir Tetikleyici Oluşturun

1. Tıklayın Tetikleyici Oluştur.

2. Bir Ad Tetikleyiciniz için (açıklayıcı bir şey seçin, örneğin Ödeme Butonu Tıklaması).

3. Bir Tür açılır menüden. Şu seçeneklerden birini seçebilirsiniz:

   • Sayfa Görüntüleme / DOM Hazır / Pencere Yüklendi – sayfa yükleme olaylarında tetiklenir.

   • Tıklama / Bağlantı Tıklaması – kullanıcılar öğelere veya bağlantılara tıkladığında tetiklenir.

   • Kaydırma Derinliği – belirlenen bir kaydırma yüzdesine ulaşıldığında tetiklenir.

   • Öğe Görünürlüğü – bir öğe görünür hale geldiğinde tetiklenir.

   • Özel Etkinlik – geliştirici tarafından tanımlanan olaylarda tetiklenir.

   • Zamanlayıcı, API Çağrısı, Çıkış Niyetive çok daha fazlası.

Tetikleyici Türleri

Sayfa Yükleme Tetikleyicileri

1. Sayfa Görünümü: Sayfa yüklenmeye başlar başlamaz tetiklenir.

2. Pencere Yüklendi: Yalnızca sayfanın tamamı ve kaynakları (görseller, CSS, betikler) tamamen yüklendikten sonra tetiklenir.

3. DOM Hazır: HTML belge yapısı tamamen yüklendiğinde çalışır (ancak görseller ve diğer kaynaklardan önce).

Kullanım Senaryoları:

• Herhangi bir sayfa görüntülendiğinde analiz etkinliklerini tetikleyin.

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

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

Kullanıcı Etkileşimi Tetikleyicileri

1. Tıklayın: Bir kullanıcı bir öğeye her tıkladığında çalışır.

2. Bağlantı Tıklaması: Özellikle bağlantı tıklamaları için çalışır (<a> etiketler).

3. Kaydırma Derinliği: Bir kullanıcı belirli bir yüzde kadar aşağı kaydırdığında tetiklenir (örn. %25, %50, %100).

4. Öğe Görünürlüğü: Belirli bir öğe görünüm alanında belirdiğinde tetiklenir.

5. Çıkış Niyeti: Sistem, kullanıcının sayfadan ayrılmak üzere olduğunu algıladığında tetiklenir (örn. farenin tarayıcının kapatma düğmesine doğru hareket etmesi).

Kullanım Senaryoları:

• CTA düğmesi tıklamalarını izleyin.

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

• Bir banner görünüm alanına girdiğinde bir widget tetikleyin.

• Kullanıcı satın alma yapmadan ayrılmak üzereyse çıkış anketi gösterin.

Olay Tabanlı Tetikleyiciler

1. Özel Etkinlik: Geliştirici tarafından tanımlanan bir olay veri katmanına gönderildiğinde tetiklenir.

2. Geçmiş Değişikliği: Tarayıcı geçmişi değiştiğinde tetiklenir (örn. Tek Sayfa Uygulamalarında).

3. Navigasyon: Kullanıcı yeni bir sayfaya veya bölüme gittiğinde tetiklenir.

4. Değişiklik: Bir DOM öğesi değiştiğinde tetiklenir (öznitelik, içerik veya çocuk düğümler).

5. Çökme: Bir JavaScript hatası oluştuğunda tetiklenir.

6. Konsol Kaydı: Yakalanan konsol mesajlarına göre tetiklenir.

7. API Çağrısı: Belirtilen bir ağ/API isteği algılandığında tetiklenir.

Kullanım Senaryoları:

• Sayfayı yeniden yüklemeden SPA gezinmesini yakalayın.

• Form doğrulama hatalarını izleyin (konsol kayıtları aracılığıyla).

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

Zaman Tabanlı Tetikleyiciler

1. Sayaç: Tanımlanan aralıklarla tekrar tekrar tetiklenir (örn. her 10 saniyede bir).

2. Tetikleyici Grubu: Birden fazla tetikleyici birlikte gerçekleştiğinde tetiklenir (tüm koşulların sağlanması gerekir).

Kullanım Senaryoları:

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

• Yalnızca koşulların bir kombinasyonu sağlandığında bir olay tetikleyin (örn. kaydırma derinliği + tıklama).

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

Filtreler, koşulları tetikleyicinin ne zaman etkinleşeceğini tanımlamanıza olanak sağlar.

1. Tıklayın Yeni Filtre Ekle.

2. Bir Değişken seçin (örn. Sayfa URL’si, Tıklama Metni, Öğe Kimliği).

3. Bir Operatör seçin (eşittir, içerir, ile başlar, regex ile eşleşir vb.).

4. Bir Değer (örn., /checkout, Abone Ol düğmesi).

5. Birden fazla filtreyi VE / VEYA mantığıyla gelişmiş kurallar için birleştirin.

Değişken: Değerlendirilecek veri noktası (örn. Sayfa URL’si, Tıklama Kimliği, Öğe Metni).

Operatör: Karşılaştırma yöntemi (örn. eşittir, içerir, ile başlar, daha büyük).

Değer: Beklenen değer (örn., /checkout, doğru, button-123).

Birden fazla filtre ekleyebilir ve bunları VE/VEYA mantığı:

VE = tüm koşullar doğru olmalıdır.

VEYA = en az bir koşul doğru olmalıdır.

Örnekler:

• Yalnızca şu durumda tetikle Sayfa URL'si şunu içerir /checkout.

• Yalnızca şu durumda tetikle Metin "Subscribe" ile eşittir VE Sayfa Yolu ile başlar /blog.

• Eğer Kullanıcı Rolü değişkeni "Premium" ile eşittir VEYA Sayfa Yolu ile eşittir /thank-you.

4. Adım: Tetikleyici'yi bir Etiket (Tag) ile kaydedin ve iliştirin

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

2. Gidin Etiketler bölümü altında yapılandırabilirsiniz.

3. Bir etiket düzenleyin veya oluşturun ve Tetikleyici adımında, az önce oluşturduğunuz tetikleyiciyi seçin.

4. Etiketi kaydedin.