Μπορείτε να παρακολουθείτε όλες τις μετατροπές σας, ρυθμίζοντας συμβάντα αγορών στον ιστότοπό σας και συνδέοντάς τα με το Merchant Center. Αυτό το άρθρο εξηγεί πώς μπορείτε να ρυθμίσετε συμβάντα αγορών στον ιστότοπό σας.
Πριν ξεκινήσετε
Για να παρακολουθείτε τις μετατροπές, βεβαιωθείτε ότι έχει προστεθεί μια ετικέτα Google στον ιστότοπό σας. Αν δεν έχετε ήδη προσθέσει μία, μπορείτε να δημιουργήσετε μια νέα ετικέτα Google και να τη χρησιμοποιήσετε στον ιστότοπό σας. Μάθετε πώς μπορείτε να Εγκαταστήσετε την ετικέτα Google (gtag.js).
Πώς λειτουργεί
Για να συλλέξετε δεδομένα μετατροπών, πρέπει να παρακολουθείτε τα συμβάντα αγορών στον ιστότοπό σας. Μπορείτε να παρακολουθείτε αυτά τα συμβάντα, καθορίζοντάς τα στον ιστότοπό σας.
Ακολουθούν δύο παραδείγματα για το πώς μπορεί να σταλεί ένα συμβάν αγοράς από τον ιστότοπό σας.
Παράδειγμα 1: Αποστολή συμβάντος αγοράς όταν ανοίγει η σελίδα
Θα πρέπει να τοποθετήσετε το συμβάν αγοράς στη σελίδα του ιστοτόπου σας, εκεί όπου κάποιος κάνει μια αγορά. Για παράδειγμα, μπορείτε να προσθέσετε το συμβάν στη σελίδα επιβεβαίωσης που εμφανίζεται όταν κάποιος κάνει μια αγορά. Αυτός ο οδηγός σάς δείχνει πώς μπορείτε να προσθέσετε το συμβάν σε μια σελίδα στην οποία κάποιος κάνει κλικ στο κουμπί Αγορά.
Τοποθετήστε το συμβάν σε μια ετικέτα <script> στο τέλος της ετικέτας <body>. Η τοποθέτηση του συμβάντος απευθείας στην ετικέτα <script> ενεργοποιεί το συμβάν κατά τη φόρτωση της σελίδας.
Δείγμα με κωδικοποίηση
<!--
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>
Παράδειγμα 2: Αποστολή συμβάντος αγοράς όταν γίνεται κλικ σε ένα κουμπί
Μπορείτε να ρυθμίσετε το συμβάν αγοράς με διάφορους τρόπους έτσι ώστε να ενεργοποιείται όταν κάποιος κάνει κλικ στο κουμπί Αγορά. Ένας τρόπος είναι να προσθέσετε ένα αναγνωριστικό στο κουμπί Αγορά και έπειτα να τοποθετήσετε τον κώδικα συμβάντος σε μια λειτουργία αναμονής συμβάντος. Στο παρακάτω παράδειγμα, το συμβάν αποστέλλεται μόνο όταν κάποιος κάνει κλικ σε ένα κουμπί με την αγορά αναγνωριστικού.
Δείγμα με κωδικοποίηση
<!--
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>
Σύνδεση των συμβάντων αγορών στο Merchant Center
Μπορείτε να συνδέσετε συμβάντα αγορών στο Merchant Center χρησιμοποιώντας πηγές μετατροπής.
Μάθετε πώς μπορείτε να προσθέσετε πηγές μετατροπής στο Merchant Center.