Bu sayfa, Cloud Translation API ile çevrilmiştir.

Satın alma etkinliği oluşturma

Bu eğitim, web sitenizde bir purchase etkinliğini nasıl ayarlayacağınızı gösterir. Böylece, bir kullanıcının ne zaman satın alma işlemi gerçekleştirdiğini ölçebilirsiniz. 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, aşağıdaki işlemleri yaptığınız varsayılmaktadır:

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 rol)

1. Adım: Etkinliği web sitenize ekleyin

purchase etkinliğini web sitenizde kullanıcıların satın alma işlemi gerçekleştirdikleri sayfaya yerleştirmeniz gerekir. Örneğin, bir kullanıcı satın alma işlemi yaptığında görünen onay sayfasına etkinliği ekleyebilirsiniz. Bu eğiticide, bir kişinin "Satın al" düğmesini tıkladığı bir sayfanın nasıl ekleneceği açıklanmaktadır.

Etkinliği, <body> etiketinin sonundaki bir <script> etiketine yerleştirin. Etkinliğin doğrudan <script> etiketine yerleştirilmesi, sayfa yüklendiğinde etkinliği tetikler. Bir sonraki bölümde, bir 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: 25.42,
        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: 9.99,
          quantity: 1
        }]
    });
    </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 birkaç şekilde tetiklenecek şekilde ayarlayabilirsiniz. Bunun bir yolu, "Satın alma" düğmesine kimlik eklemek ve etkinlik kodunu bir etkinlik işleyiciye yerleştirmektir. Aşağıdaki örnekte etkinlik yalnızca bir 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: 25.42,
                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: 9.99,
                  quantity: 1
                }]
          });
      });
    </script>
</body>
</html>

3. Adım: Verileri topladığınızı doğrulayın

DebugView raporu, web sitenizdeki gerçek zamanlı verileri gösterir. Böylece etkinlikleri doğru bir şekilde ayarladığınızdan emin olabilirsiniz. Bir web sayfasında hata ayıklama modunu etkinleştirmek için aşağıdaki debug_mode parametresini config komutuna 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: 25.42,
                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: 9.99,
                  quantity: 1
                }]
        });
    });
    </script>
</body>
</html>

Hata ayıklama modunu etkinleştirdiğinizde, kullanıcılar web sitenizi kullanırken etkinliklerin DebugView raporunu doldurduğunu görmeye başlarsınız. Örneğin, web sitenizdeki "Satın al" düğmesi tıklandığında rapor aşağıdaki verilerle doldurulur. Parametreleri, kullanıcı özelliklerini ve etkinlikle ilişkili öğeleri görmek için bir etkinlik seçebilirsiniz.

DebugView raporunun ekran görüntüsü

4. Adım: E-ticaret verilerinizi görüntüleyin

purchase etkinliğiyle gönderdiğiniz veriler yaklaşık 24 saat sonra raporlarınızda, keşiflerinizde ve Google Analytics Veri API'sinde kullanılabilir hale gelir. BigQuery Export'u kurarken de BigQuery'deki verilere erişebilirsiniz.

"Satın alma" etkinliği; raporlarınızda, keşiflerinizde ve benzer öğelerde kullanılan çeşitli önceden oluşturulmuş boyut ve metrikleri otomatik olarak doldurur. Aşağıda, ilk adımda purchase etkinliğinden alınan 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ı	Google
`item_category`	Öğe kategorisi	Giyim
`item_id`	Öğe Kimliği	SKU_12345
`item_list_id`	Öğe listesi kimliği	ilgili_ürünler
`item_list_name`	Öğe listesi adı	İlgili Ürünler
`item_name`	Öğe adı	Stan ve Friends Tişörtü
`item_variant`	Öğe varyantı	green
`location_id`	Öğe konum kimliği	ChIJIQBpAG2ahYAR_6128GcTUEo (San Francisco'nun Google Yer Kimliği)
`shipping`	Gönderim tutarı	avro
`tax`	Vergi tutarı	avro
`transaction_id`	İşlem Kimliği	T_12.345

Google Analytics, boyutların yanı sıra e-ticaret ve gelirle ilgili çeşitli metrikleri 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 9,99 ABD doları
Toplam gelir metriğinin değeri 25,42 ABD dolarıdır
E-ticaret satın alma işlemleri metriğinin değeri 1'dir

Bu boyutları ve metrikleri keşif ve özel rapor oluşturmak için kullanabilirsiniz. Ancak e-ticaret verilerinizi görmek için önceden oluşturulmuş aşağıdaki E-ticaret satın alma işlemleri raporunu da kullanabilirsiniz:

E-ticaret satın alma işlemleri raporunun ekran görüntüsü