What is Conversion Measurement?

Hungary (Árukereső)

Conversion measurement is a tool that provides information on how many users who clicked through from Árukereső also completed a purchase in your e-shop, down to the level of specific categories and products. In short, conversion measurement tells you how well advertising on Árukereső pays off for you. Every e-shop registered on Árukereső can use the Conversion Measurement service.

To measure conversion rates, the Conversion Measurement script needs to be implemented in the e-shop. Based on it, information about the number of clickthroughs and which products were ordered will be displayed in the clickthrough statistics (in the store administration on Árukereső – Partner Portal). Conversions can be counted up to 30 days after the clickthroughs.

Service implementation

Request the API code and script in the store administration in the tab: Árukereső -> Statisztikák -> Konverziómérés.

Here you will see the part of the code that must be inserted on the order confirmation page. The orange placeholder must be replaced with the actual order details.

‘API_KEY‘ Unique API key

‘ORDER_ID‘ Order ID

‘PRODUCT_ITEM_ID‘ Product ID

“PRODUCT_NAME” Product name

“SINGLE_PRODUCT_PRICE_VAT” GROSS price of the product

“PRICE_VAT” GROSS price of the product

‘NUMBER_OF_PRODUCTS‘ Number of products

‘CURRENCY‘ currency

In all cases, the partner is responsible for the implementation and correctness of the transmitted data.

The script code must be placed in the HTML document header <head></head> before all other scripts.

Documentation for implementing the service in various programming languages (Javascript, Vue 3, React, PHP) can be found in the store administration.

Javascript

<html>
 <head>
   <title>Order Summary - Thank you for your payment</title>
   <!-- Arukereso.hu ROI SDK Start -->
   <script>
     (function(t, r, a, c, k, i, n, g) {t['ROIDataObject'] = k;
     t[k]=t[k]||function(){(t[k].q=t[k].q||[]).push(arguments)},t[k].c=i;n=r.createElement(a),
     g=r.getElementsByTagName(a)[0];n.async=1;n.src=c;g.parentNode.insertBefore(n,g)
     })(window, document, 'script', '//www.arukereso.hu/ocm/sdk.js', 'arukereso', 'hu');


     const arukeresoApiKey = '123456789'
     const order = {
       id: 111,
       totalVat: 120_000.00,
       currency: 'HUF',
       products: [
         {
           itemId: 222,
           name: 'iPhone 13 Pro Max 128GB blue',
           priceVat: 10_000.00,
           quantity: 2
         },
         {
           itemId: 333,
           name: 'MacBook Air',
           priceVat: 100_000.00,
           quantity: 1
         }
       ]
     }


     arukereso('authenticate', arukeresoApiKey);
     arukereso('set_order_id', order.id);


     order.products.forEach((product) =>
       arukereso(
         'add_product',
          product.itemId,
          product.name.replace(/'/g, "\'"),
          product.priceVat,
          product.quantity
       )
     )


     arukereso('set_total_vat', order.totalVat);
     arukereso('set_currency', order.currency);
     arukereso('send', 'Order');
   </script>
   <!-- Arukereso.hu ROI SDK End -->
 </head>
</html>

Vue 3

<html>
 <head>
   <title>Order Summary - Thank you for your payment</title>
 </head>
 <body>
   <div id="app"></div>
   <script src="https://unpkg.com/vue@3"></script>
   <script>
     (function(t, r, a, c, k, i, n, g) {t['ROIDataObject'] = k;
     t[k]=t[k]||function(){(t[k].q=t[k].q||[]).push(arguments)},t[k].c=i;n=r.createElement(a),
     g=r.getElementsByTagName(a)[0];n.async=1;n.src=c;g.parentNode.insertBefore(n,g)
     })(window, document, 'script', '//www.arukereso.hu/ocm/sdk.js', 'arukereso', 'hu');


     const { createApp } = Vue


     createApp({
       data() {
         return {
           arukeresoApiKey: '123456789',
           order: {
             id: 111,
             totalVat: 120_000.00,
             currency: 'HUF',
             products: [
               {
                 itemId: 222,
                 name: 'iPhone 13 Pro Max 128GB blue',
                 priceVat: 10_000.00,
                 quantity: 2
               },
               {
                 itemId: 333,
                 name: 'MacBook Air',
                 priceVat: 100_000.00,
                 quantity: 1
               }
             ]
           }
         }
       },


       mounted() {
         arukereso('authenticate', this.arukeresoApiKey);
         arukereso('set_order_id', this.order.id);


         this.order.products.forEach((product) =>
           arukereso(
             'add_product',
             product.itemId,
             product.name.replace(/'/g, "\'"),
             product.priceVat,
             product.quantity
           )
         )


         arukereso('set_total_vat', this.order.totalVat);
         arukereso('set_currency', this.order.currency);
         arukereso('send', 'Order');
       }
     }).mount('#app')
   </script>
 </body>
</html>

React

<html>
 <head>
   <title>Order Summary - Thank you for your payment</title>
   <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
   <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 </head>
 <body>
   <div id="app"></div>


   <script type="text/babel">
     /* Arukereso.hu ROI SDK Start */
     (function(t, r, a, c, k, i, n, g) {t['ROIDataObject'] = k;
     t[k]=t[k]||function(){(t[k].q=t[k].q||[]).push(arguments)},t[k].c=i;n=r.createElement(a),
     g=r.getElementsByTagName(a)[0];n.async=1;n.src=c;g.parentNode.insertBefore(n,g)
     })(window, document, 'script', '//www.arukereso.hu/ocm/sdk.js', 'arukereso', 'hu');
     /* Arukereso.hu ROI SDK End */


     const arukeresoApiKey = '123456789'
     const order = {
       id: 111,
       totalVat: 120_000.00,
       currency: 'HUF',
       products: [
         {
           itemId: 222,
           name: 'iPhone 13 Pro Max 128GB blue',
           priceVat: 10_000.00,
           quantity: 2
         },
         {
           itemId: 333,
           name: 'MacBook Air',
           priceVat: 100_000.00,
           quantity: 1
         }
       ]
     }


     const OrderSummary = () => {
       React.useEffect(() => {
         /* Arukereso.hu ROI SDK Start */
         arukereso('authenticate', arukeresoApiKey);
         arukereso('set_order_id', order.id);


         order.products.forEach((product) =>
           arukereso(
             'add_product',
             product.itemId,
             product.name.replace(/'/g, "\'"),
             product.priceVat,
             product.quantity
           )
         )


         arukereso('set_total_vat', order.totalVat);
         arukereso('set_currency', order.currency);
         arukereso('send', 'Order');
         /* Arukereso.hu ROI SDK End */
       }, [])


       return <h1>Order Summary - Thank you for your payment</h1>;
     }


     ReactDOM.render(<OrderSummary />, document.getElementById('app'))
   </script>
 </body>
</html>

PHP

<html>
 <head>
   <title>Order Summary - Thank you for your payment</title>
   <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
   <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 </head>
 <body>
   <div id="app"></div>


   <script type="text/babel">
     /* Arukereso.hu ROI SDK Start */
     (function(t, r, a, c, k, i, n, g) {t['ROIDataObject'] = k;
     t[k]=t[k]||function(){(t[k].q=t[k].q||[]).push(arguments)},t[k].c=i;n=r.createElement(a),
     g=r.getElementsByTagName(a)[0];n.async=1;n.src=c;g.parentNode.insertBefore(n,g)
     })(window, document, 'script', '//www.arukereso.hu/ocm/sdk.js', 'arukereso', 'hu');
     /* Arukereso.hu ROI SDK End */


     const arukeresoApiKey = '123456789'
     const order = {
       id: 111,
       totalVat: 120_000.00,
       currency: 'HUF',
       products: [
         {
           itemId: 222,
           name: 'iPhone 13 Pro Max 128GB blue',
           priceVat: 10_000.00,
           quantity: 2
         },
         {
           itemId: 333,
           name: 'MacBook Air',
           priceVat: 100_000.00,
           quantity: 1
         }
       ]
     }


     const OrderSummary = () => {
       React.useEffect(() => {
         /* Arukereso.hu ROI SDK Start */
         arukereso('authenticate', arukeresoApiKey);
         arukereso('set_order_id', order.id);


         order.products.forEach((product) =>
           arukereso(
             'add_product',
             product.itemId,
             product.name.replace(/'/g, "\'"),
             product.priceVat,
             product.quantity
           )
         )


         arukereso('set_total_vat', order.totalVat);
         arukereso('set_currency', order.currency);
         arukereso('send', 'Order');
         /* Arukereso.hu ROI SDK End */
       }, [])


       return <h1>Order Summary - Thank you for your payment</h1>;
     }


     ReactDOM.render(<OrderSummary />, document.getElementById('app'))
   </script>
 </body>
</html>

In case you use some of these solutions: (eg: UNAS, Shoptet) the implementation takes place via the provider. So please do not enter the code manually on the website, otherwise the system will display incorrect data.

Was this article helpful?

Yes
No

What is Conversion Measurement?

Service implementation

Javascript

Vue 3

React

PHP

Související články

Expansion

Árukereső – XML Feed

Árukereső – Bidding