Bu eğitim, kullanıcıların satın alma işlemlerini ne zaman gerçekleştirdiği ölçmek için web sitenizde nasıl purchase
etkinliği oluşturacağınızı gösterir. Bu eğitim, Analytics'in etkinlikteki verilerle doldurduğu boyutları, metrikleri ve raporları içerir. E-ticaret etkinlikleri hakkında daha fazla bilgi edinmek için E-ticareti ölçme başlıklı makaleyi inceleyin.
Başlamadan önce
Bu eğitimde şunları yaptığınız varsayılmaktadır:
- Google Analytics 4 hesabı ve mülkü oluşturma
- Web siteniz için web veri akışı oluşturma
- Google Analytics etiketini web sitenize yerleştirme
Ayrıca aşağıdakilere sahip olduğunuz da varsayılır:
- Web sitenizin kaynak koduna erişim
- Google Analytics hesabında Düzenleyici rolü (veya daha üst düzey bir role)
1. Adım: Etkinliği web sitenize ekleyin
purchase
etkinliğini kullanıcıların satın alma işlemi gerçekleştirdiği sayfaya yerleştirmeniz gerekir. Örneğin, etkinliği kullanıcılar satın alma işlemi gerçekleştirdiğinde
görünen onay sayfasına ekleyebilirsiniz. Bu eğitim, etkinliğin kullanıcıların "Satın al" düğmesini tıkladığı sayfaya nasıl ekleneceğini gösterir.
Etkinliği <body>
etiketinin sonundaki bir <script>
etiketine yerleştirin.
Etkinlik doğrudan <script>
etiketine yerleştirilirse sayfa yüklendiğinde tetiklenir. Bir sonraki bölümde, kullanıcı "Satın al"ı tıkladığında etkinliğin nasıl tetikleneceği açıklanmaktadır.
<!--
Note: In the following code sample, make sure to
replace "TAG_ID" with your tag ID.
Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>This is where the purchase form would go</div>
<button>Submit</button>
<script>
gtag("event", "purchase", {
transaction_id: "T_12345_1",
value: 30.03,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
// If someone purchases more than one item,
// you can add those items to the items array
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}]
});
</script>
</body>
</html>
2. Adım: Etkinliği bir düğmeye bağlayın
purchase
etkinliğini, kullanıcı "Satın al" düğmesini tıkladığında tetiklenecek şekilde ayarlayabilirsiniz. Bu yollardan biri "Satın al" düğmesine bir kimlik ekleyip etkinlik kodunu bir etkinlik işleyiciye yerleştirmektir. Aşağıdaki örnekte, etkinlik yalnızca kullanıcı purchase
kimliğine sahip bir düğmeyi tıkladığında gönderilir.
<!--
Note: In the following code sample, make sure to
replace "TAG_ID" with your tag ID.
Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>This is where the purchase form would go</div>
<button id="purchase">Purchase</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// This purchase event uses a different transaction ID
// from the previous purchase event so Analytics
// doesn't deduplicate the events.
// Learn more: https://support.google.com/analytics/answer/12313109
transaction_id: "T_12345_2",
value: 30.03,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}]
});
});
</script>
</body>
</html>
3. Adım: Veri topladığınızı doğrulayın
Etkinlikleri doğru şekilde ayarladığınızdan emin olmanız için DebugView raporu web sitenizden gelen gerçek zamanlı verileri gösterir.
Bir web sayfasında hata ayıklama modunu etkinleştirmek için config
komutuna aşağıdaki debug_mode
parametresini ekleyin:
<!--
Note: In the following code sample, make sure to
replace "TAG_ID" with your tag ID.
Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID',{ 'debug_mode': true });
</script>
</head>
<body>
<div>This is where the purchase form would go</div>
<button id="purchase">Purchase</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// This purchase event uses a different transaction ID
// from the previous purchase event so Analytics
// doesn't deduplicate the events.
// Learn more: https://support.google.com/analytics/answer/12313109
transaction_id: "T_12345_3",
value: 30.03,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}]
});
});
</script>
</body>
</html>
Hata ayıklama modunu etkinleştirdikten sonra, kullanıcılar web sitenizi kullandıkça etkinliklerin DebugView raporuna doldurulduğunu görmeye başlarsınız. Örneğin, web sitenizdeki "Satın al" düğmesini tıkladığınızda rapor aşağıdaki verilerle doldurulur. Bir etkinliği seçerek bu etkinlikle ilişkili parametreleri, kullanıcı özelliklerini ve öğeleri görebilirsiniz.
4. Adım: E-ticaret verilerinizi inceleyin
purchase
etkinliğiyle gönderdiğiniz veriler, yaklaşık 24 saat sonra raporlarınızda, Explorations'ınızda ve Google Analytics Data API'de kullanılabilir hale gelir.
BigQuery'deki verilere, BigQuery Export'u kurduğunuzda da erişebilirsiniz.
"purchase" etkinliği; raporlarınızda, keşiflerinizde vb. kullanılan, önceden oluşturulmuş çeşitli boyutları ve metrikleri otomatik olarak doldurur. Aşağıda, ilk adımda purchase
etkinliğindeki verilerle doldurulan bazı boyutlar verilmiştir:
Parametre | Boyut | Değer |
---|---|---|
affiliation |
Öğe ilişkilendirmesi | Google Ürün Mağazası |
currency |
Para Birimi | USD |
discount |
Öğe indirim tutarı | 2,22 |
index |
Öğe listesi konumu | 0 |
item_brand |
Öğe markası | |
item_category |
Öğe kategorisi | Giyim |
item_id |
Öğe Kimliği | SKU_12345 |
item_list_id |
Öğe listesi kimliği | related_products |
item_list_name |
Öğe listesi adı | İlgili Ürünler |
item_name |
Öğe adı | Stan and Friends Tişörtü |
item_variant |
Öğe varyantı | yeşil |
location_id |
Öğe konumu kimliği | ChIJIQBpAG2ahYAR_6128GcTUEo (San Francisco için Google Yer Kimliği) |
shipping |
Gönderim tutarı | avro |
tax |
Vergi tutarı | avro |
transaction_id |
İşlem kimliği | T_12345 |
Boyutlara ek olarak, Google Analytics e-ticaret ve gelirle ilgili bir dizi metrik doldurur. Örneğin, bir kullanıcı "Satın al" düğmesini bir kez tıklarsa Google Analytics'te aşağıdaki metrikler doldurulur:
- Öğe geliri metriğinin değeri 30,03 ABD dolarıdır
- Toplam gelir metriğinin değeri 30,03 TL'dir.
- E-ticaret satın alma işlemleri metriğinin değeri 1'dir.
Keşifler ve özel raporlar oluşturmak için bu boyut ve metrikleri kullanabilirsiniz ancak e-ticaret verilerinizi görmek için aşağıdaki önceden oluşturulmuş E-ticaret satın alma işlemleri raporunu da kullanabilirsiniz: