Voit seurata kaikkia konversioita valitsemalla ostotapahtumat verkkosivustollesi ja linkittämällä ne Kauppiaskeskukseen. Tässä artikkelissa kerrotaan, miten voit ottaa ostotapahtumat käyttöön verkkosivustollasi.
Näin se toimii
Jos haluat kerätä konversiodataa, ostotapahtumien seuranta on oltava käytössä sivustollasi. Voit seurata tapahtumia valitsemalla ne sivustolla.
Alla on kaksi esimerkkiä siitä, miten ostotapahtuman voi lähettää verkkosivustolta.
Esimerkki 1: Lähetä ostotapahtuma, kun sivu avautuu
Sijoita ostotapahtuma verkkosivustollasi sivulle, jolla ostos tehdään. Voit lisätä tapahtuman esimerkiksi vahvistussivulle, jonka asiakas näkee ostosta tehdessään. Tässä ohjeessa kerrotaan, miten lisäät tapahtuman sivulle, jolla asiakas klikkaa ostopainiketta.
Lisää tapahtuma <body>-tagin lopussa sijaitsevaan <script>-tagiin. Kun tapahtuma on lisätty suoraan <script>-tagiin, tapahtuma käynnistyy sivun latautuessa.
Koodinäyte
<!--
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",
affiliation: "Google Merchandise Store",
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>
Esimerkki 2: Lähetä ostotapahtuma, kun painiketta klikataan
Voit ottaa ostotapahtuman käyttöön muutamalla eri tavalla varmistaaksesi, että se käynnistyy, kun ostopainiketta klikataan. Yksi tapa on lisätä tunnus ostopainikkeeseen ja sijoittaa tapahtumakoodi tapahtumaseuraimeen. Alla olevassa esimerkissä tapahtuma lähetetään vain, kun tunnuksen sisältävää ostopainiketta klikataan.
Koodinäyte
<!--
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",
affiliation: "Google Merchandise Store",
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>
Ostotapahtumien linkittäminen Kauppiaskeskukseen
Voit linkittää ostotapahtumat Kauppiaskeskukseen konversion lähteiden avulla.
Katso, miten voit lisätä konversion lähteitä Kauppiaskeskuksessa.