GTM - Criteo dataLayer

Panduan untuk mengimplementasikan Criteo dengan Criteo dataLayer.

Ringkasan

Criteo dataLayer adalah variabel yang diimplementasikan melalu kode javascript yang mendorong semua informasi yang dibutuhkan. Kode ini perlu dideklarasikan di dalam source code semua halaman website anda. DataLayer Criteo harus diimplementasikan di dalam 5 jenis halaman yang tertera di bawah:

  1. Homepage

  2. Category / Listing

  3. Product

  4. Basket / Cart

  5. Sales


DataLayer

Homepage

Implementasikan kode datalayer berikut di halaman homepage anda. Contoh URL: {{homepageurl}}

Field Rinkasan Contoh Syntax
event Jenis halaman event crto_homepage Static string value
email Plain-text or MD5 Hash 79054025255fb1a26e4bc422aef54eb4 String. Trimmed dan lowercase 32 karakter, encoded in UTF-8

Structure

Mohon ganti field yang dikelilingi oleh ## secara dinamis dengan informasi users. Contoh dapat dilihat di bawah

<!-- Criteo Homepage dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({  
            'event': 'crto_homepage',
            'crto': {               
                'email': '##Users Email##' //kalau email tidak diketahui, gantikan ini dengan empty string
            }
        });
</script>
<!-- END Criteo Homepage dataLayer -->

Example

<!-- Criteo Homepage dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({  
            'event': 'crto_homepage',
            'crto': {               
                'email': 'crtotest@test.com'
            }
        });
</script>
<!-- END Criteo Homepage dataLayer -->

Category / Listing

Implementasikan kode datalayer berikut di halaman listing, kategori dan hasil pencarian anda. Contoh URL: {{homepageurl}}/category?id=categoryid1

Field Rinkasan Contoh Syntax
event Jenis halaman event crto_listingpage Static string value
email Plain-text or MD5 Hash 79054025255fb1a26e4bc422aef54eb4 String. Trimmed and lowercase 32 karakter, encoded in UTF-8
Product ID Produk ID yang unik ProductID_1 String

Structure

Mohon ganti field yang dikelilingi oleh ## secara dinamis dengan informasi users. Contoh dapat dilihat di bawah

<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({            
            'event': 'crto_listingpage',
            'crto': {               
                'email': '##Users Email##', //can be empty string if email not known
                'products': ["##Product ID 1##", "##Product ID 2##", "##Product ID 3##"]
            }
        });
</script>
<!-- END Criteo Category / Listing dataLayer -->

Example

<!-- Criteo Category / Listing dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({                      
            'event': 'crto_listingpage',
            'crto': {               
                'email': 'crtotest@test.com',
                'products': ["ProductID_1", "ProductID_2", "ProductID_3"]
            }
        });
</script>
<!-- END Criteo Category / Listing dataLayer -->

Product

Implementasikan kode datalayer berikut di halaman rincian produk anda. Contoh URL:{{homepageurl}}/product?id=productid_1

Field Rinkasan Contoh Syntax
event Jenis halaman event crto_productpage Static string value
email Plain-text or MD5 Hash 79054025255fb1a26e4bc422aef54eb4 String. Trimmed and lowercase 32 karakter, encoded in UTF-8
Product ID Produk ID yang unik ProductID_1 String

Structure

Mohon ganti field yang dikelilingi oleh ## secara dinamis dengan informasi users. Contoh dapat dilihat di bawah

<!-- Criteo Product dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({                        
            'event': 'crto_productpage',
            'crto': {               
                'email': '##Users Email##', //can be empty string if email not known
                'products': ["##Product ID 1##"]
            }
        });
</script>
<!-- END Criteo Product dataLayer -->

Example

<!-- Criteo Product dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({            
            'event': 'crto_productpage',
            'crto': {               
                'email': 'crtotest@test.com',
                'products': ['ProductID_1']
            }
        });
</script>
<!-- END Criteo Product dataLayer -->

Basket/Cart

Implementasikan kode datalayer berikut di halaman keranjang anda. Contoh URL:{{homepageurl}}/cart

Field Rinkasan Contoh Syntax
event Jenis halaman event crto_basketpage Static string value
email Plain-text or MD5 Hash 79054025255fb1a26e4bc422aef54eb4 String. Trimmed and lowercase 32 character, encoded in UTF-8
Product ID Produk ID yang unik ProductID_1 String
price Harga produk per unit 200.99 String or Integer, tidak termasuk simbol mata uang
quantity Jumlah unit yang ditambahkan di keranjang 2 Integer

Structure

Mohon ganti field yang dikelilingi oleh ## secara dinamis dengan informasi users. Contoh dapat dilihat di bawah

<!-- Criteo Basket/Cart dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({
            'event': 'crto_basketpage',
            'crto': {               
                'email': '##Users Email##',  //can be empty string if email not known                         
                'products': [{
                    id: '##Product ID 1##',
                    price: '##Product Unit Price##',              
                    quantity: '##Number of Units##'
                }] //add new object for each product added to cart.
            }
        });
</script>
<!-- END Criteo Basket/Cart dataLayer -->

Example

<!-- Criteo Basket/Cart dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({
            'event': 'crto_basketpage',            
            'crto': {               
                'email': 'crtotest@test.com',                           
                'products': [{
                    id: 'ProductID_1',
                    price: '200.99',              
                    quantity: '2'
                },
                {
                    id:'ProductID_2',
                    price: '50.00',                                       
                    quantity: '1'
                }]
            }
        });
</script>
<!-- END Criteo Basket/Cart dataLayer -->

Sales

Implementasikan kode datalayer berikut di halaman konfirmasi penjualan atau terima kasih anda. Contoh URL:{{homepageurl}}/thankyou

Field Rinkasan Contoh Syntax
event Jenis halaman event crto_transactionpage Static string value
email Plain-text or MD5 Hash 79054025255fb1a26e4bc422aef54eb4 String. Trimmed and lowercase 32 character, encoded in UTF-8
Product ID Produk ID yang unik ProductID_1 String
price Harga produk per unit 200.99 String or Integer, tidak termasuk simbol mata uang
quantity Jumlah unit yang ditambahkan di keranjang 2 Integer
transactionid Confirmation atau Order # 7654322 Integer. Id unik

Structure

Mohon ganti field yang dikelilingi oleh ## secara dinamis dengan informasi users. Contoh dapat dilihat di bawah

<!-- Criteo Sales dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({
            'event': 'crto_transactionpage',
            'crto': {               
                'email': '##Users Email##',  //can be empty string if email not known   
                'transactionid':'##Order Number##',                                       
                'products': [{
                    id: '##Product ID 1##',
                    price: '##Product Unit Price##',              
                    quantity: '##Number of Units##'
                }] //add new object for each product added to cart.
            }
        });
</script>
<!-- END Criteo Sales dataLayer -->

Example

<!-- Criteo Sales dataLayer -->
<script type="text/javascript">
        var dataLayer = dataLayer || [];
        dataLayer.push({
            'event': 'crto_transactionpage',            
            'crto': {               
                'email': 'crtotest@test.com',   
                'transactionid':'ORD00001',                                        
                'products': [{
                    id: 'ProductID_1',
                    price: '200.99',              
                    quantity: '2'
                },
                {
                    id:'ProductID_2',
                    price: '50.00',                                       
                    quantity: '1'
                }]
            }
        });
</script>
<!-- END Criteo Sales dataLayer -->

Download

Klik disini untuk mendownload GTM Container

Import Container

  1. Akses GTM platform > ADMIN > Import Container 1
  2. Pilih file container
  3. Pilih Merge > Rename conflicting tags, triggers and variables. Klik Confirm. 2

Verifikasi

  • Jika anda mempunyai akses ke Criteo Integrate Platform, mohon login dan tes melalui Tags Validation Dashboard
  • Anda juga dapat mendowload Criteo Accurate chrome extension untuk melakukan tes kepada tags
  • Mohon dicatat bahwa kami menggunakan harga per unit untuk produk anda di Criteo OneTag. Kami mengalikan harga satuan dengan jumlah produk untuk menghitung harga total yang ditampilkan di report kami. Jika anda mengajukan kode berupa shipping, pajak, voucher, diskon atau promo code apa pun maka klien bertanggung jawab untuk melakukan verifikasi bahwa kode tersebut dapat dan sudah diterapkan kepada harga total dengan benar.