Как вызывать один скрипт с разных кнопок?

Question

[zekin375]

Знаю вопрос совсем глупый, подскажите как вызвать данный код по нажатию на ссылку

window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'ecommerce': {
   'currencyCode': 'RUB',
   'detail': {
     'actionField': {'list': 'Product detail page'},
     'products': [{
       'name': 'Product 1',
       'id': 'ID1',
       'price': '23.5',
       'brand': 'Brand 1',
       'category': 'Category 1/Subcategory 11',
       'variant': 'Variant 1'
     }]
   },
   'impressions': [
    {
      'name': 'Product 3',
      'id': 'ID3',
      'price': '17.75',
      'brand': 'Brand 2',
      'category': 'Category 1/Subcategory 12',
      'variant': 'Variant 1',
      'list': 'Recommendation',
      'position': 1
    },
    {
      'name': 'Product 4',
      'id': 'ID4',
      'price': '12.5',
      'brand': 'Brand 3',
      'category': 'Category 1/Subcategory 13',
      'variant': 'Variant 1',
      'list': 'Recommendation',
      'position': 2
    }]
 },
 'event': 'gtm-ee-event',
 'gtm-ee-event-category': 'Enhanced Ecommerce',
 'gtm-ee-event-action': 'Product Details',
 'gtm-ee-event-non-interaction': 'True',
});

Comments

[Павел Корнилов]

На что нажимать, что вызывать?

Answer 1

[hellcaster]

const clickHandler = () => {
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
        'ecommerce': {
            'currencyCode': 'RUB',
            'detail': {
                'actionField': { 'list': 'Product detail page' },
                'products': [{
                    'name': 'Product 1',
                    'id': 'ID1',
                    'price': '23.5',
                    'brand': 'Brand 1',
                    'category': 'Category 1/Subcategory 11',
                    'variant': 'Variant 1'
                }]
            },
            'impressions': [{
                    'name': 'Product 3',
                    'id': 'ID3',
                    'price': '17.75',
                    'brand': 'Brand 2',
                    'category': 'Category 1/Subcategory 12',
                    'variant': 'Variant 1',
                    'list': 'Recommendation',
                    'position': 1
                },
                {
                    'name': 'Product 4',
                    'id': 'ID4',
                    'price': '12.5',
                    'brand': 'Brand 3',
                    'category': 'Category 1/Subcategory 13',
                    'variant': 'Variant 1',
                    'list': 'Recommendation',
                    'position': 2
                }
            ]
        },
        'event': 'gtm-ee-event',
        'gtm-ee-event-category': 'Enhanced Ecommerce',
        'gtm-ee-event-action': 'Product Details',
        'gtm-ee-event-non-interaction': 'True',
    });
}

const btn1 = document.querySelector(`.btn1`);
const btn2 = document.querySelector(`.btn2`);

btn1.addEventListener(`click`, clickHandler);
btn2.addEventListener(`click`, clickHandler);

Comments

[zekin375]

Спасибо