Satın alma etkinliği oluşturma

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:

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.

DebugView raporunun ekran görüntüsü

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ı Google
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:

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