Bu makale, Floodlight etiketlerini bir etiketten taşımak isteyen geliştiricilere yöneliktir. Yönetici web kapsayıcısını sunucu kapsayıcısına taşıma.
Sunucu tarafı Etiket Yöneticisi, Google Floodlight satışlarınızı ve sayaç etiketlerini web sayfasından sunucuya gönderir. Bu etiketler sunucuya taşınıyor sayfada çalıştırmanız gereken kod miktarını azaltır ve işletmenizin daha iyi sonuçlar elde etmesine sayfa yüklenme süreleri.
Başlamadan önce
Etiketleri sunucunuza taşımadan önce aşağıdakilere sahip olduğunuzdan emin olun:
- Google Etiket Yöneticisi ve Floodlight'a yönetici erişimi
- Google Etiket Yöneticisi'ni kurma ve yükleme
- Sunucu kapsayıcısı oluşturma
- Google Analytics: GA4 istemcisini ayarlama
1. Adım: Dönüşüm Bağlayıcı etiketini oluşturun
Floodlight hesabınız, dönüşüm verilerini yalnızca şu durumlarda Google Etiket Yöneticisi'ne gönderebilir: bir Dönüşüm Bağlayıcı etiketi oluşturmanız gerekir.
Zaten Dönüşüm Bağlayıcı etiketi yapılandırdıysanız bu adımı atlayabilirsiniz.
Dönüşüm Bağlayıcı etiketini ayarlamak için:
- Sunucu kapsayıcısı çalışma alanınızda, yapılandırmanın sol tarafındaki Etiketler menüsünü açın. sayfasını ziyaret edin.
- Yeni bir etiket eklemek için Yeni'yi tıklayın.
- Dönüşüm Bağlayıcı etiket türünü seçin.
- Dönüşüm Bağlayıcı'nın sunucu tarafı etiketinin dönüşüm gerçekleştirmesine neden olacak tetikleyiciyi ayarlayın.
etkinleşir.
Çoğu durumda, Tüm sayfalar tetikleyicisi en iyi seçenektir. - Etiketi adlandırın ve Kaydet'i tıklayın.
2. Adım: Floodlight etiketleri oluşturun
Google Etiket Yöneticisi, yapılandırdığınızdan emin olun.
Floodlight Sayacı
Floodlight Sayacı etiketi ayarlamak için:
- Sunucu kapsayıcısı çalışma alanınızda, soldaki Etiketler menüsünü seçin bir düğme ekleyin.
- Yeni bir etiket eklemek için Yeni'yi tıklayın.
Floodlight Sayacı etiket türünü seçin.
Etiket yapılandırması için gerekli değerleri toplamak üzere tarayıcı penceresi açıp Campaign Manager 360'ta oturum açın. Reklamverenler'i ve ardından reklamverenin adını tıklayın. Bu değerleri yeni Etiket Yöneticisi Floodlight Sayacı etiketinize girin:
- Reklamveren Kimliği: Reklamveren Kimliği, reklamverende gösterilir
ayrıntılar sayfasında yer alır. Bu değer
oluşturulmuş bir Floodlight etiketinde
src=
değeri olarak da bulundu snippet'i - Grup Etiketi Dizesi: Etkinlik tablosunda etkinliği tanımlayın
öğrenmek ve Google Analytics 4'te listelenen grup etiketi dizesini
bir sütun görürsünüz. Bu,
Oluşturulmuş bir Floodlight etiket snippet'inde
type=
. - Etkinlik Etiketi Dizesi: Etkinlik tablosunda
etkinliği seçin ve etkinlik etiketini bulun
dize'yi tıklayın. Bu ayrıca şu şekilde de bulunur:
oluşturulmuş bir Floodlight etiket snippet'indeki
cat=
değerine ayarlanır.
- Reklamveren Kimliği: Reklamveren Kimliği, reklamverende gösterilir
ayrıntılar sayfasında yer alır. Bu değer
oluşturulmuş bir Floodlight etiketinde
İstediğiniz Sayma Yöntemini ayarlayın:
- Standart: Her dönüşümü sayar.
- Benzersiz: Her benzersiz kullanıcı için ilk dönüşümü sayar Doğu Saati (ABD) ile gece yarısından gece yarısına kadar her 24 saatlik zaman diliminde.
- Oturum başına: Oturum başına bir kullanıcı için bir dönüşüm sayar. Oturum uzunluğu, Floodlight etiketinin dağıtıldı.
Tetikleyici seçin penceresini açın.
Tetikleyici yapılandırması menüsünde bir tetikleyici seçin. Çoğu durumda Tüm Sayfalar en iyi seçenektir.
Bir etiket adı girip Kaydet'i tıklayın.
Floodlight Satış
Floodlight Satış etiketi ayarlamak için:
- Sunucu kapsayıcısı çalışma alanınızda, soldaki Etiketler menüsünü seçin bir düğme ekleyin.
- Yeni bir etiket eklemek için Yeni'yi tıklayın.
Floodlight Satış etiket türünü seçin. Not: Floodlight Satış etiketi aşağıdaki değerleri otomatik olarak İlgili e-ticaret alanını kullanın:
* Order ID (Transaction ID) * Revenue (Value)
Etiket yapılandırması için gerekli değerleri toplamak üzere pencere açın ve Campaign Manager'da oturum açın 360'ta gösterilir. Sonraki slayta geçin Reklamverenler'i, ardından reklamverenin adını tıklayın. Bunları girin değerlerini aşağıda görebilirsiniz:
- Reklamveren Kimliği: Reklamveren Kimliği, reklamverende gösterilir
ayrıntılar sayfasında yer alır. Bu değer
oluşturulmuş bir Floodlight etiketinde
src=
değeri olarak da bulundu snippet'i - Grup Etiketi Dizesi: Etkinlik tablosunda etkinliği tanımlayın
öğrenmek ve Google Analytics 4'te listelenen grup etiketi dizesini
bir sütun görürsünüz. Bu,
Oluşturulmuş bir Floodlight etiket snippet'inde
type=
. - Etkinlik Etiketi Dizesi: Etkinlik tablosunda
etkinliği seçin ve etkinlik etiketini bulun
dize'yi tıklayın. Bu ayrıca şu şekilde de bulunur:
oluşturulmuş bir Floodlight etiket snippet'indeki
cat=
değerine ayarlanır.
- Reklamveren Kimliği: Reklamveren Kimliği, reklamverende gösterilir
ayrıntılar sayfasında yer alır. Bu değer
oluşturulmuş bir Floodlight etiketinde
İstediğiniz Sayma Yöntemini ayarlayın:
- Standart: Her dönüşümü sayar.
- Benzersiz: Her benzersiz kullanıcı için ilk dönüşümü sayar Doğu Saati (ABD) ile gece yarısından gece yarısına kadar her 24 saatlik zaman diliminde.
- Oturum başına: Oturum başına bir kullanıcı için bir dönüşüm sayar. Oturum uzunluğu, Floodlight etiketinin dağıtıldı.
Tetikleyici seçin penceresini açın.
Tetikleyici yapılandırması menüsünde bir tetikleyici seçin. Çoğu durumda Tüm Sayfalar en iyi seçenektir.
Bir etiket adı girip Kaydet'i tıklayın.
İsteğe bağlı: Gelişmiş dönüşümleri ayarlama
Gelişmiş Dönüşümleri kullanmıyorsanız ayarlayın.
Geliştirilmiş Dönüşümler, adımlarına göz atın.
Kullanıcı tarafından sağlanan veri değişkeni oluşturma
Etiket Yöneticisi'nde gelişmiş dönüşümleri uygulamanın üç yolu vardır. Kullanıcı tarafından sağlanan verileri toplamak için seçeneklerden yalnızca birini tercih etmeniz gerekir.
Otomatik toplama | Manuel yapılandırma | Kod yapılandırması | |
---|---|---|---|
Toplama yöntemi | Cihazınızın koduna göre kullanıcı tarafından sağlanan verileri otomatik olarak toplar
web sitesi. Girişlerin nereden toplanacağı konusunda kontrole ihtiyacınız varsa manuel veya kod kurulumu. |
Toplanacak CSS özelliklerini veya JavaScript değişkenlerini belirtin
kullanıcı tarafından sağlanan veriler. Veri biçimlendirme ve karma oluşturma üzerinde kontrol sahibi olmanız gerekiyorsa kod yapılandırmasını seçmeye çalışın. |
Web sitenize, karma oluşturma işlemi uygulanmış müşteri verileri gönderen bir kod snippet'i ekleyin
eşleştirme için kullanılıyor. Bu yöntem, doğrulama verilerinin doğruluğunu en üst düzeye çıkarmak için tutarlı şekilde biçimlendirilmiş veriler göndermenize olanak tanıyarak gelişmiş dönüşümler web için gelişmiş dönüşümlerin doğruluğunu artırır. |
Karmaşıklık | Basit | Orta | Karışık |
Beceriler | Özel bir beceri gerektirmez | HTML ve CSS | Web geliştirme |
Otomatik toplama
- Web kapsayıcınızda Değişkenler menüsünü açın.
- Kullanıcı Tarafından Sağlanan Veriler türünde yeni bir Kullanıcı Tanımlı Değişken oluşturun.
- Tür'ü Otomatik toplama olarak ayarlayın.
- Değişkene bir ad verin (ör.
My user-defined data
). - Kaydet'i tıklayın.
Manuel yapılandırma
- Web kapsayıcınızda Değişkenler menüsünü açın.
- Kullanıcı Tarafından Sağlanan Veriler türünde yeni bir Kullanıcı Tanımlı Değişken oluşturun.
- Tür'ü Manuel yapılandırma olarak ayarlayın.
Gelişmiş dönüşümler aracılığıyla sağlamak istediğiniz alakalı kullanıcı verileri alanı için yeni veya mevcut bir değişken ekleyin.
DOM'daki bir öğeyi belirtmek için Yeni değişken > Değişken yapılandırması > DOM öğesi oluşturun.
Seçim Yöntemi altında bir CSS seçici veya kimlik kullanabilirsiniz. İpucu: CSS değişkenleriniz sık sık değişiyorsa sitenize bir HTML kimliği ekleyin ve kimlik değişkenini kullanın.
CSS seçiciyi veya kimlik adını girin. Özellik adı alanını boş bırakabilirsiniz.
DOM Öğesi değişkenini Adlandırın ve Kaydedin. Bunun ardından ekranınız Kullanıcı Tarafından Sağlanan Veriler ayarlarına geri döner.
Kullanıcı Tarafından Sağlanan Veriler değişkenini adlandırın (ör.
My user-defined data
).Kaydet'i tıklayın.
Kod ile yapılandırma
1. adım: Gelişmiş dönüşüm değişkenlerinizi belirleyip tanımlayın
Karma oluşturma işlemi uygulanmamış veriler gönderebilirsiniz. Google, bu verilerden önce karma oluşturma işlemi uygular.
veya önceden karma oluşturma işlemi uygulanmış veriler
olduğundan emin olun. Karma oluşturma işlemi uygulanmış veriler
göndermeye karar verirseniz
lütfen verileri onaltılık olarak kodlanmış SHA256 kullanarak kodlayın. Her iki durumda da
e-posta veya telefon_numarası alanlarından en az birini girin.
Karma oluşturma işlemi uygulanmamış verileri veri katmanına aktarmak için:
Web sitenizde, kullanıcı tarafından sağlanan verileri anahtar/değer çiftleri olarak depolayan JavaScript değişkeni. Örneğin:
var leadsUserData = { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, };
dataLayer.push() aracılığıyla kullanıcı verilerini bir etkinlikle birlikte gönderin. Örneğin, örnek:
<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'email': 'name@example.com', 'phone_number': '+11234567890', 'address': { first_name: 'John', last_name: 'Doe', street: '123 Lemon', city: 'Some city', region: 'CA', country: 'US', postal_code: '12345', }, }, }); <script>
leadsUserData
değişkeni artık Google Etiket Yöneticisi'nde kullanılabilir.
Karma oluşturma işlemi uygulanmış verileri veri katmanına aktarmak için:
Web sitenizde, on altılık olarak kodlanmış SHA256 kullanarak kullanıcı tarafından sağlanan verilere karma oluşturma işlemi uygulayın. Temel Kodlanmış verilerin
sha256_
ile başlaması gerekir. Örneğin:{'sha256_email_address':await hashEmail(email.trim()), }
dataLayer.push()
kullanarak kullanıcı verilerini bir etkinlikle birlikte gönderin. İlgili içeriği oluşturmak için kullanılan Aşağıdaki örnekte, üst düzey bir veri katmanı oluşturmak için kendiniz bir karma oluşturma işlevi yazabilirsiniz. Bu işlemi eşzamansız olarak çalıştırabilirsiniz.<script> dataLayer.push({ 'event': 'formSubmitted', 'leadsUserData': { 'sha256_email_address': await hashEmail(email.trim()), 'sha256_phone_number': await hashPhoneNumber(phoneNumber), 'address': { sha265_first_name: await hashString(firstname), sha256_last_name: await hashString(lastname), sha256_street: await hashString(streetAddress), postal_code: '12345', }, }, }); <script>
leadsUserData
değişkeni artık Google Etiket Yöneticisi'nde kullanılabilir.
2. Adım: Kullanıcı tarafından sağlanan veri değişkenini oluşturun
- Web kapsayıcınızda Değişkenler menüsünü açın.
- Kullanıcı Tarafından Sağlanan Veriler türünde yeni bir Kullanıcı Tanımlı Değişken oluşturun.
- Tür'ü Kod olarak ayarlayın.
- Sağlamak istediğiniz alakalı kullanıcı verileri alanı için açılır menüyü tıklayın ve Yeni Değişken'i seçin.
- Değişken Türü Seçin'in altında Veri Katmanı Değişkeni'ni seçin.
- Veri Katmanı Değişkeni'nde, depolanan kullanıcı verilerinizi referans alın. Örneğin,
leadsUserData
. - Veri Katmanı değişkenine bir ad verin ve değişkene kaydedin. Bunun ardından ekranınız Kullanıcı Tarafından Sağlanan Veriler ayarlarına geri döner.
- Kullanıcı Tarafından Sağlanan Veriler değişkenini adlandırın (ör.
My user-defined data
). - Kaydet'i tıklayın.
Değişkeni Google etiketine atayın
- Web kapsayıcınızda Etiketler menüsünü açın.
- Etiketleme sunucusuna veri göndermek için kullandığınız Google etiketini düzenleyin.
- Yapılandırma ayarları altında yeni bir Yapılandırma parametresi ekleyin
adı
user_data
. Değer'i Kullanıcı Tarafından Sağlanan Veriler olarak ayarlayın değişkeni hakkında bilgi edindiniz. Örneğin,{{My user-provided data}}
. Yaptığınız değişiklikleri kaydedin. Etiketiniz şu şekilde görünmelidir:
Sunucu tarafı Floodlight etiketini yapılandırma
Sunucu kapsayıcınızda gelişmiş dönüşümleri etkinleştirmek için Floodlight Satış veya Floodlight Sayacı etiketi.
İsteğe bağlı: Gelir Değeri
Floodlight Satış etiketi, varsayılan olarak etkinliğin value
parametresini kullanır
tutarını görebilirsiniz. Hesaplamak üzere farklı bir temel belirtmek için
bir değişken oluşturmanız gerekir. Böylece, veritabanınızdan verileri
ve bunu Floodlight Satış etiketinize atayın.
Yeni bir değişken oluşturmak için:
- Sunucu kapsayıcınızda Değişkenler menüsünü açın.
- Veri girişi için yeni bir kullanıcı tanımlı değişken oluşturun. Örneğin, Firestore veritabanındaki bir değeri kullanmak istiyorsanız, {{Firestore Arama}} değişkenine eklenmelidir.
- Değişkenin veri kaynaklarını belirtin.
- Değişkene "Kâr arama" gibi bir ad verin. ve Kaydet'i seçin.
Değişkeni Floodlight Satış etiketinde kullanmak için:
- Sunucu kapsayıcınızda Etiketler menüsünü açın.
- Floodlight Satış etiketini düzenleyin.
Benzersiz Parametreler bölümünde:
- Veri Kaynağı için Özel yapılandırma'yı seçin.
- Gelir için daha önce oluşturduğunuz değişkeni seçin.
- Sipariş Kimliği için bir kimlik girin veya dinamik olarak doldurmak için bir değişken kullanın sipariş kimliği.
Etiketi kaydedin.
İsteğe bağlı: Özel parametreler
Özel
alanları
web sayfanızı Google Marketing Platform'a (örneğin, match_id
) aktarmanız gerekir.
Google Etiket Yöneticisi
Floodlight için özel alanları yapılandırmak üzere x-dc-
parametre adı:
- Web kapsayıcınızda Etiketler menüsünü açın.
- Bir GA4 etkinlik etiketini düzenleyin veya yeni bir etiket oluşturun.
Etkinlik Parametreleri bölümüne parametre adını ekleyin. Hedefin ne olduğuna işaret etmek için Floodlight, başına
x-dc-
ekleyin. Örneğin, normaldematch_id
,x-dc-match_id
olarak değiştirin.Etiketi kaydedin.
gtag.js
Floodlight için özel alanları yapılandırmak için etkinliğin başına x-dc-
ekleyin
parametre adı:
gtag('event', 'purchase', {
'x-dc-match_id': [MATCH_ID],
...
})
3. adım: Ayarlarınızı doğrulayın
Sunucu kapsayıcısıyla veri göndermeye başladıktan sonra, yapılandırmanın düzgün şekilde çalıştığından emin olmak için aşağıdaki adımları uygulayın:
- Web sitenizi açın.
- Google Etiket Yöneticisi sunucu kapsayıcınızda Önizleme'yi seçin. Tag Assistant, sunucu kapsayıcınızı başlatır ve yükler.
- Etiketler sekmesi, tetiklenen tüm etiketleri gösterir. Yapılandırdığınız etiketin tetiklenip tetiklenmediğini kontrol edin.
- Konsol sekmesinde, veri iletimi sırasında oluşan tüm hatalar gösterilir. eklemeniz gerekir. Hataları kontrol edip düzeltin.
Etiket Yöneticisi kapsayıcılarında hata ayıklama ile ilgili daha fazla yardım için önizleme ve hata ayıklama yardımına bakın.
Sonraki adımlar
Floodlight etiketiniz beklendiği gibi çalıştıktan sonra, Verilerin yinelenmesini önlemek için bir web kapsayıcısındaki Floodlight etiketlerini kullanın.