GTM ve GTAG İle Google Ads Dönüşüm Takibi
Web sitemiz ve/veya uygulamamızdaki kullanıcı davranışlarının takibi ve bu takip işlemleri kolaylıkla yapabilmemizi sağlayan Google Tag Manager aracından farklı bağlamlarda bahsetmeye çalıştım.
Ek olarak, ziyaretçilerimiz / kullanıcılarımızın sayfa görüntüleme, form gönderimi, tıklama gibi etkinliklerinin takibi ve değerlendirilmesi süreçlerinde kullanılmak üzere Google Ads hesap oluşturma ve dönüşüm işlemleri ile Google Ads dönüşüm kodu kurulumu konularını örneklendirmeye çalıştım. Bu yazıda ise tüm bu süreci bir akış üzerinden ele alacak ve mümkün olduğunca temel bir şekilde anlatmaya çalışacağım.
Aşağıdaki örnek anlatımda DigitalOcean üzerinden oluşturduğum WordPress web sitesini kullanacağım. Google Ads ve Google Tag Manager hesaplarım kurulu. Kurulumlarla ilgili bilgiler almak için aşağıdaki yazılara göz atabilirsiniz.
Şimdi, kısaca dönüşüm ifadesine değinelim.
Dönüşüm
İlerleyen zaman içerisinde dönüşüm optimizasyonu başta olmak üzere bir kaç yazıda daha derinlemesine anlatımlarım olacak. Ancak, bir özet açıklama düşmek gerekirse, dönüşüm ile bir web sayfası veya web/mobil uygulamada amaçlanan aksiyonun gerçekleşmesi durumu nitelendirilir. Örneğin, bir içerik sitesi iseniz üyelik, kullanıcıların belirli sayfaları görmesi, bu sayfalarda belirli bir süre vakit geçirmesi veya belirlenen sayıda sayfa görüntülemesi sizin için dönüşüm olabilir. Bir e-ticaret sitesi için elbette satın alma işlemi bir dönüşüm olarak nitelendirilecektir. Bir konut projesinde ise landing page üzerinden gönderilen formlar ya da telefon aramaları dönüşümdür ya da bir oyun için seviye atlanması ya da oyun içi alışverişler dönüşüm olarak ele alınabilir. Amaç, bizim için değerli olan bir işlemin kullanıcılar tarafından gerçekleştirilmesidir.
Dönüşümü de kendi içinde makro dönüşüm ve mikro dönüşüm olarak ayırmamız gerekir. Makro dönüşüm bizim için ana amacı, mikro dönüşümler de ana amacın gerçekleşmesi sürecinde tamamlanan adımları nitelendirir. Yine e-ticaret sitesi üzerinden örneklendirmek gerekirse, bir ürün sayfasının görüntülenmesi, ürünün sepete atılması, adres ve ödeme bilgilerinin girilmesi birer mikro dönüşümdür. Çünkü kullanıcı bu adımlardan herhangi birinde çıkış yapabilir. Makro dönüşüm ise bu adımların tamamlanmasının ardından ödemenin gerçekleşmesidir.
Bu yazıda 2 dönüşüm işlemini ele alacağım. İlk dönüşüm kodu CF7 formunun gönderilmesi sonucunda yönlendirilen teşekkürler sayfası üzerinden işleme alınacak. Bu amaçla oluşturulacak dönüşüm kodunun sayfa görüntüleme olarak tanımlanmalı. Bir diğer dönüşüm kodu ise bağlantı tıklaması ile ilişkilendirilecek. Örnekte bağlantı tıklamasını bir telefon numarası olarak ele aldım. Bunu bir dosya ya da buton da olabilirdi. Siz kendi ihtiyaçlarınıza göre tanımlamaları özelleştirebilirsiniz.
Google Tag Manager İşlemleri
Google Tag Manager altında bir hesap ya da var olan bir hesap altında kapsayıcı (container) oluşturabilirsiniz. Hesap oluşturmayı tercih ederseniz aynı sayfa üzerinden hem hesap hem de kapsayıcı tanımlarını yapabilirsiniz. Bir sonraki adım oluşturulan kapsayıcıya ait kurulum kodu. Bu kodu web sayfamızda belirtilen şekilde kurmalıyız. Google Tag Assistant ile kurulumuzunun sağlık bir şekilde çalışıp çalışmadığını kontrol edebilirsiniz.
Google Ads İşlemleri
Ads hesabınızı yeni oluşturmuş olabilirsiniz. Önemli olan hesabımız altındaki Araçlar ve Ayarlar bölümü. Çünkü dönüşüm ve yeniden pazarlama bilgilerimize buradan ulaşacağız. Google Ads hesabımıza giriş yapalım ve bu bölümü açalım. Açılan bölüm altında Ölçüm başlığını ve burada da Dönüşümler bağlantısını görebilirsiniz. Dönüşümler bağlantısını tıklayarak dönüşüm kodu oluşturma sürecine başlayabiliriz.
Aksi gerekmediği sürece her dönüşüm tanımı için ayrı dönüşüm kodlarının oluşturulması gerekmektedir. Aksi durumda dönüşüm işlemlerini analiz etmek ve uygun optimizasyonları gerçekleştirmek oldukça karmaşık bir hale gelecektir. Yazının giriş bölümünde de belirttiğim üzere bu yazı çerçevesinde 2 dönüşüm kodu oluşturacağız. Siz ihtiyaçlarınız çerçevesinde bu sayıyı artırıp azaltabilirsiniz.
- Sayfa görüntüleme (
/tesekkurler/
sayfası görüntülendiğinde tetiklenecek) - Bağlantı tıklaması (telefon numarası bağlantısı tıklandığında tetiklenecek)
Her iki dönüşüm kodu için de Web sitesi seçeneğini kullancağız.
Global site etiketi tüm sayfalarımızda çalışması gereken kod parçacığıdır. Aynı zamanda yeniden pazarlama özelliğini de bu kod parçacığı sağlar. Etkinlik snippet’i ise dönüşüm işlemi ile ilişkilidir ve global site etiketinden sonra, sadece dönüşüm olarak tanımlanan durum gerçekleştiğinde çalışacak şekilde yerleştirilmelidir.
Etkinlik snippet’i sayfa yükleme ve tıklama seçeneklerine sahiptir. Sayfa yükleme bir sayfa yüklendiğinde çalışacak şekilde bize iletilirken, tıklama gtag_report_conversion()
adında bir JavaScript fonksiyonu üzerinden işleme alınır. GTM yerine doğrudan kod üzerinden ekleme yapamız gerekseydi sayfa yükleme kodunu ilgili sayfada çalışacak, JS fonksiyonunu ise onClick="gtag_report_conversion()"
şeklinde ilgili bağlantı tıklandığında tetiklenecek şekilde ekleyebilirdik. Unutmadan, gtag_report_conversion()
fonksiyonu içerisindeki url
argümanı tıklama sonrasında kullanıcının hangi sayfaya yönlendirileceğini belirtir. Boş bırakılması durumunda tıklamanın gerçekleştiği sayfa işleme alınır.
Şimdi, oluşturduğumuz bu kodlar yerine kodlarda yer alan id
ve label
bilgilerini kullanarak GTM üzerinden kurulumlarımızı yapalım.
Google Ads: Yeniden Pazarlama
Bu işlem için GTM hesabımızdaki Kapsayıcı alanına giriş yapalım. Etiketler > Yeni adımlarını izlediğimizde yeni bir etiket tanımlayabileceğimiz bölüm açılacaktır. Herhangi bir başlık verebiliriz. Ben GAds RM
başlığını tercih ettim. Etiket Yapılandırması alanını tıklayıp etiket türlerinin listelendiği bölüme ulaşabilirsiniz. İlk olarak yeniden pazarlama etiketimizi kuralım. Bu amaçla Google Ads Yeniden Pazarlama seçeneğini seçmeniz yeterli. Ardından, az önce Google Ads hesabımızda oluşturduğumuz global site etiketi bölümüne dönmemiz gerekiyor.
<!-- Global site tag (gtag.js) - Google Ads: 940310051 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-940310051"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-123456789');
</script>
Yukarıdaki kod içerisinde yer alan AW-123456789
bizim Ads hesap tanımlayıcımız. Numeric olan 123456789
sayı ise hesap dönüşüm kimliğimiz. Evet, bu değeri GTM içerisindeki Dönüşüm Kimliği bölümüne ekleyip Tetikleyici olarak Tüm Sayfalar (All Pages) seçeneğini seçelim. Ardından bu ayarı kaydedip bir sonraki adıma geçebiliriz.
Google Ads: Dönüşüm İzleme
Yine Yeniden Pazarlama bölümündeki adımlarda olduğu gibi, GTM kapsayıcımız altındaki etiket seçeneklerini görüntüleyelim. Bu defa Google Ads Dönüşüm İzleme seçeneğini seçelim. Dönüşüm Kimliği sabit, yeniden pazarlama etiketindeki aynı değeri buraya ekleyebilirsiniz. Dönüşüm Etiketi ise her dönüşüm kodu için özel olarak oluşturulmaktadır.
Dönüşüm tetikleyici olarak sayfa görüntüleme veya tıklama farkı olmaksızın size iletilen kod içerisinde send_to
parametresinin AW-123456789/mliHCKi94soBEKP8r8AD
şeklinde bir değer aldığını görebilirsiniz. 123456789
az önce de belirttiğim gibi sabit bir değer iken /
sonrasında gelen mliHCKi94soBEKP8r8AD
etiket dönüşüm tanımına özel olarak üretilir.
GTM üzerinden görüntülediğimiz Dönüşüm Kimliği alanına AW
sonrasında gelen sayısal değeri, Dönüşüm Etiketi alanına da bu benzersiz değeri ekleyelim. Tetikleyici kısmında farklı bir tanım yapacağız. Şayet Tüm Sayfalar (All Pages) tanımını yaparsak dönüşüm kodumuz tüm sayfalarda çalışacaktır. Bu hatalı bir kurulum olacak ve doğru dönüşüm değerlerini yansıtmayacaktır. Dolayısıyla bu tanımı spesifik bir sayfa için yapmamız gerekir. Örneğin, form işleminde yönlendirileceğimiz teşekkürler sayfası ya da alışveriş işlemi sonrasında görüntüleyeceğimiz ödeme sonuç sayfası gibi. Ek olarak, bu sayfaların doğrudan görüntülenmemesi de tercih edilebilir. Böylelikle arama motoru aracılığıyla ya da tarayıcı geçmişi üzerinden sayfanın tekrar tekrar görüntülenmesini de önleyebilirsiniz.
Evet, spesifik sayfa tanımımız için Tetikleyici > Yeni Tetikleyici > Tetikleyici Yapılandırması > Sayfa Görüntüleme > Bazı Sayfa Görüntülemeler > Page Path şunu içerir tesekkurler
yolunu izlememiz ve tetikleyiciyi kaydetmemiz yeterli. Artık dönüşüm kodumuz sadece /tesekkurler/
sayfası görüntülendiğinde tetiklenecek.
Bağlantı tıklamasında ise yine bu dönüşüm izleme adımlarını takip edip tetikleyici olarak Yalnızca Bağlantılar > Bazı Bağlantı Tıklamaları > Click Text (ya da Click URL) şunu içerir Telefon Numarası adımlarını izlememiz yeterli olacaktır.
CF7 Redirection
Contact Form 7 Dönüşüm Tanımlama başlıklı yazımda DOM event ile form gönderiminin nasıl takip edilebileceğine değinmiştim. Yönlendirme işlemi de yine bu yazı içeriğindeki adımlara benzer şekilde ele alınabilir. Ayrı bir yazıda CF7 redirection konusunda biraz daha detaylıca değineceğim. Şimdilik örnek bir kodu aşağıda iletiyorum.
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://alanadi.com/tesekkurler/';
}, false );
Evet, işlemlerimiz bu kadar. Karşılaştığınız sorunları ve/veya aklınıza takılan konuları yorum olarak ekleyebilirsiniz.