Sunucu taraflı Google Tag Manager yardımıyla web sitesi sayfa hızını artırma

Web sitesi sayfa hızı optimizasyonu, sunucu taraflı Google Tag Manager'ın ilk sürümü yayımlandığında pazarlamacıların ve web geliştiricilerinin gördüğü en önemli avantajlardan biriydi. Bunun gerçekleşmesi bekleniyordu çünkü izleme komut dosyaları artık doğrudan koda gömülmeyecek, Google Tag Manager aracılığıyla eklenecekti. 

Bu makalede, etiketleri GTM web kapsayıcısından bir sunucu kapsayıcısına taşımanın GTM PageSpeed değerinizi nasıl etkilediğini, verilerin gerçekte nasıl göründüğünü ve kurulumunuza bağlı olarak hangi yaklaşımın daha mantıklı olduğunu göstereceğiz.

Daha 2016 yılında Google, ideal web sitesi yükleme süresinin 3 saniye olduğunu belirlemişti. Aynı zamanda, bir mobil sayfanın tamamen yüklenmesi ortalama 22 saniye sürmektedir. 

İnsanların telefonları masaüstü cihazlardan daha fazla kullandığı ve akıllı telefonların tüm internet trafiğinin %50'sinden fazlasını oluşturduğu bir dönemde yaşıyoruz. Bununla birlikte, Google'a göre cep telefonlarındaki dönüşüm oranları masaüstüne kıyasla daha düşüktür. Bu nedenle web sitesi yükleme hızı, performans standartlarını karşılamada kritik bir rol oynamaktadır.

Kullanıcıların hızlı bir site deneyimi beklediği bir sır değildir. Açılış sayfası çok yavaşsa sayfayı kapatır veya sepeti terk ederek rakiplerin sitesine geçerler. Günümüzün mobil öncelikli dünyasında, hızlı yüklenen siteler oluşturmak kritik öneme sahiptir. Kullanıcılar herhangi bir blogu hızla açıp makaleleri okumak, yeni kıyafetler satın almak, otel değerlendirmelerini incelemek ve benzeri işlemleri kolayca yapmak isterler.

Amazon'un araştırmasına göre sayfa yanıtındaki 1 saniyelik gecikme, dönüşümlerde %1'lik bir kayba yol açmaktadır. Bu da onlar için yıllık 1,6 milyar dolarlık gelir kaybı anlamına gelir.

Görüldüğü üzere, ağır sayfaların yüklenmesini beklemek her şirket için yüksek maliyetler doğurabilir. 

Google Tag Manager aracılığıyla eklediğiniz her etiket, kullanıcının tarayıcısında JavaScript olarak çalışır. Her komut dosyasının sayfa yüklenmeden önce veya sonra indirilmesi, ayrıştırılması ve yürütülmesi gerekir; bu da zaman alır.

Her GTM kurulumu aynı şekilde davranmaz ve kafa karışıklığının çoğu buradan kaynaklanır. Kapsayıcının nasıl uygulandığı (web veya sunucu), GTM'nin tarayıcıya ek yük mü getireceğini yoksa bu yükü hafifleteceğini mi belirler. Web kapsayıcısında eklediğiniz her etiket (analitik, reklam pikselleri, sohbet araçları, ısı haritaları) doğrudan ziyaretçinin tarayıcısında yüklenen ve çalışan bir komut dosyasıdır.

Bunların her biri aynı sınırlı kaynaklar için yarışır: ana iş parçacığı, bant genişliği ve oluşturma süresi. Ne kadar çok etiket eklerseniz, GTM'nin kendisi hafif bir kapsayıcı olsa bile Google Tag Manager'ın performans üzerindeki etkisi o kadar katlanır.

Sunucu taraflı GTM, etiket yürütmesinin nerede gerçekleştiğini değiştirir. İstemci tarafında çalışan onlarca üçüncü taraf komut dosyası yerine, sunucu kapsayıcınız verileri alır ve buluttan pazarlama ve analitik platformlarınıza iletir. Tarayıcının onlarca farklı üçüncü taraf alan adıyla değil, yalnızca kendi sunucunuzla iletişim kurması gerekir. Web ve sunucu kurulumları arasındaki Google Tag Manager PageSpeed farkının bu kadar belirgin olmasının temel nedeni budur.

2020 yılında Google, Google Tag Manager ve Tag Manager 360 için bir sunucu kapsayıcısı kullanıma sundu. Bu sayede reklamverenler, üçüncü taraf etiketleri sitelerinden bulut sunucularında barındırılan yeni bir sunucu kapsayıcısına taşıyabilir. Böylece web sitesi daha hızlı yüklenebilir, izleme daha doğru hale gelebilir ve veriler daha güvenli olabilir. Etiketleri sunucu kapsayıcısına taşımak, şu Google PageSpeed hatasını çözmeye yardımcı olabilir: "Üçüncü taraf kodun etkisini azaltın — Üçüncü taraf kod ana iş parçacığını 550 ms boyunca engelledi".

Etiketleri web'den sunucu kapsayıcısına taşırsanız, etiketler tarayıcıların içine değil, doğrudan sunucu kapsayıcısına yüklenir. Bu sayede sayfa daha hızlı yüklenir ve kullanıcı deneyimi üzerinde olumlu bir etki yaratır. Gördüğünüz gibi, daha hızlı sayfa yükleme süreleri, müşteri verileriniz için daha fazla güvenlik ve daha fazla veri yönetimi aracı sağlayabilir. Bu, sunucu taraflı Google Tag Manager'ın izleme doğruluğundan ödün vermeden web sitesi performansını nasıl artırabileceğinin en net örneklerinden biridir.

Sunucu kapsayıcısındaki etiketler yalnızca sunucuya gönderilen bilgilere erişebilir. Kullanıcıların sitede girdiği diğer bilgilere erişemezler. Ayrıca bu etiketler sunucu kapsayıcınızda yer aldığından, hangi etiketlerin bilgi topladığını ve bu bilgilerin nereye gönderildiğini anlayabilirsiniz.

Tüm etiketler sayfa hızını aynı şekilde etkilemez; bir geçişin her performans sorununu çözeceğini varsaymadan önce bunu akılda tutmak önemli bir nüanstır. Her ikisi de "yalnızca bir etiket" olsa bile, hafif bir analitik kod parçacığı ile ağır bir yeniden hedefleme reklam pikseli yükleme süresi açısından aynı maliyete sahip değildir. En büyük ayak izine sahip etiketler genellikle birden fazla ağ isteği tetikleyen, ek komut dosyaları yükleyen veya belirli etkinlikler yerine her sayfa yüklemesinde çalışan etiketlerdir.

Bunu kendiniz görmenin en güvenilir yolu, bir geçişten önce ve sonra Google Tag Manager PageSpeed Insights raporunuzu incelemek ve sonuçların üçüncü taraf kod bölümünü doğrudan karşılaştırmaktır.

Bu deneme için bir demo web sitesi kullandım ve etiketler GTM web kapsayıcısı ile GTM sunucu kapsayıcısı üzerinden eklendiğinde Google PageSpeed sonuçlarını karşılaştırdım. Tüm etiketlerin Google PageSpeed üzerinde aynı etkisi yoktur. Bu denemeyi yaparken müşterim tarafından en çok kullanılan ve sunucu kapsayıcısına taşınabilen etiketleri seçmeye karar verdim: Facebook, Bing ve Active Campaign.

GTM sunucu kapsayıcısında GA4 için yerel etiketler bulunur. Burada, GTM sunucu taraflı kapsayıcı kullanarak GA4 izlemenin nasıl kurulacağına ilişkin ayrıntılı bilgileri bulabilirsiniz. Ayrıca Facebook pikselini sunucu ortamına taşımanıza yardımcı olacak özel bir şablon oluşturduk. 

Aşağıda Google Speed Test sonuçları yer almaktadır. Google sayfa hızı mobilde 95, masaüstünde ise 100 puan gösterdi. 

Sunucu kapsayıcısında şu etiketler yüklü: GA4, Facebook (temel ve dönüşüm izleme), Hubspot ve Klaviyo etiketi.

Pikseli web kapsayıcısına taşıdığımızda Google PageSpeed sonuçları 56 puana düştü. 

Etiketleri Google Tag Manager sunucu kapsay谋c谋s谋na ta艧谋rsan谋z bu, sitenizi h谋zland谋racakt谋r. Etkisinin d眉zeyi kulland谋臒谋n谋z etiketlere ba臒l谋 olacakt谋r. Bu testte, m眉艧teriler aras谋nda en pop眉ler etiketler (GA4, Facebook ve Active Campaign ) sunucu taraf谋na ta艧谋nd谋ktan sonra net ve 枚l莽眉lebilir bir fark g枚sterdi.