{"id":50,"date":"2026-07-03T14:41:56","date_gmt":"2026-07-03T12:41:56","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?page_id=50"},"modified":"2026-07-03T14:42:59","modified_gmt":"2026-07-03T12:42:59","slug":"ga4-event-parameter-generator","status":"publish","type":"page","link":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/","title":{"rendered":"GA4 Event Parameter Generator"},"content":{"rendered":"<style>\n    .tool-content {\n        background: var(--bg-panel, #1e1e24);\n        padding: 25px;\n        border-radius: 8px;\n        border: 1px solid var(--border, #2a2a35);\n    }<\/p>\n<p>    .form-control {\n        width: 100%;\n        padding: 12px;\n        background: var(--bg-body, #15151a);\n        border: 1px solid var(--border);\n        color: var(--text-primary);\n        border-radius: 4px;\n        margin-bottom: 10px;\n    }<\/p>\n<p>    .param-row {\n        display: flex;\n        gap: 15px;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .param-row input {\n        flex: 1;\n        padding: 10px;\n        background: var(--bg-body);\n        border: 1px solid var(--border);\n        color: var(--text-primary);\n        border-radius: 4px;\n    }<\/p>\n<p>    \/* Dopasowanie przycisk\u00f3w do Twojego designu *\/\n    .button {\n        background-color: var(--accent);\n        color: #fff;\n        border: none;\n        padding: 10px 20px;\n        border-radius: 4px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: opacity 0.2s;\n    }<\/p>\n<p>    .button:hover {\n        opacity: 0.9;\n    }<\/p>\n<p>    #code-output {\n        background: #0d0d0d !important;\n        border: 1px solid var(--border);\n        color: #2ba6df; \/* Kolor akcentu dla kodu *\/\n        padding: 20px;\n        border-radius: 6px;\n        font-family: 'Consolas', monospace;\n    }\n<\/style>\n<div class=\"tool-content\">\n    <label>Select Standard Event:<\/label><br \/>\n    <select id=\"event-select\" class=\"form-control\" style=\"width:100%; padding:10px; margin-bottom:15px; background:var(--bg-panel); color:var(--text-primary); border:1px solid var(--border);\"><option value=\"view_item\">view_item<\/option><option value=\"add_to_cart\">add_to_cart<\/option><option value=\"purchase\">purchase<\/option><option value=\"begin_checkout\">begin_checkout<\/option><option value=\"view_item_list\">view_item_list<\/option><\/select><\/p>\n<div id=\"params-container\"><\/div>\n<p>    <button id=\"add-param\" class=\"button\" style=\"margin-top:10px;\">+ Add Custom Parameter<\/button><br \/>\n    <button id=\"generate-btn\" class=\"button\" style=\"display:block; margin-top:20px; background:var(--accent); color:#fff;\">Generate Code<\/button><\/p>\n<pre id=\"code-output\" style=\"background:#000; padding:15px; margin-top:20px; color:#0f0; border-radius:5px; overflow-x:auto;\"><\/pre>\n<\/div>\n<p><script>\nconst eventTemplates = {\n    view_item: ['item_id', 'item_name', 'price', 'currency'],\n    add_to_cart: ['item_id', 'item_name', 'quantity', 'price'],\n    purchase: ['transaction_id', 'value', 'currency', 'tax', 'shipping'],\n    begin_checkout: ['currency', 'value', 'coupon'],\n    view_item_list: ['item_list_id', 'item_list_name']\n};<\/p>\n<p>function renderParams(eventName) {\n    const container = document.getElementById('params-container');\n    container.innerHTML = '';\n    eventTemplates[eventName].forEach(param => {\n        container.innerHTML += `<\/p>\n<div class=\"param-row\" style=\"display:flex; gap:10px; margin-bottom:5px;\">\n            <input type=\"text\" value=\"${param}\" readonly style=\"width:40%; padding:5px; background:var(--border);\">\n            <input type=\"text\" class=\"param-val\" placeholder=\"Value\" style=\"width:60%; padding:5px;\">\n        <\/div>\n<p>`;\n    });\n}<\/p>\n<p>document.getElementById('event-select').addEventListener('change', (e) => renderParams(e.target.value));\ndocument.getElementById('add-param').addEventListener('click', () => {\n    document.getElementById('params-container').innerHTML += `<\/p>\n<div class=\"param-row\" style=\"display:flex; gap:10px; margin-bottom:5px;\">\n        <input type=\"text\" class=\"param-key\" placeholder=\"Key\" style=\"width:40%; padding:5px;\">\n        <input type=\"text\" class=\"param-val\" placeholder=\"Value\" style=\"width:60%; padding:5px;\">\n    <\/div>\n<p>`;\n});<\/p>\n<p>document.getElementById('generate-btn').addEventListener('click', () => {\n    const eventName = document.getElementById('event-select').value;\n    const params = {};\n    document.querySelectorAll('.param-row').forEach(row => {\n        const key = row.querySelector('.param-key') ? row.querySelector('.param-key').value : row.querySelector('input').value;\n        const val = row.querySelector('.param-val').value;\n        if(key && val) params[key] = isNaN(val) ? val : parseFloat(val);\n    });<\/p>\n<p>    const code = `dataLayer.push({\n  event: \"${eventName}\",\n  ecommerce: ${JSON.stringify(params, null, 2)}\n});`;\n    document.getElementById('code-output').innerText = code;\n});<\/p>\n<p>renderParams('view_item');\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Select Standard Event: view_itemadd_to_cartpurchasebegin_checkoutview_item_list + Add Custom Parameter Generate Code<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":38,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-tool-base.php","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>GA4 Event Parameter Generator - Lukas Wojcik - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GA4 Event Parameter Generator - Lukas Wojcik - Blog\" \/>\n<meta property=\"og:description\" content=\"Select Standard Event: view_itemadd_to_cartpurchasebegin_checkoutview_item_list + Add Custom Parameter Generate Code\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Lukas Wojcik - Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-03T12:42:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/en\\\/toolbox\\\/ga4-event-parameter-generator\\\/\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/en\\\/toolbox\\\/ga4-event-parameter-generator\\\/\",\"name\":\"GA4 Event Parameter Generator - Lukas Wojcik - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-07-03T12:41:56+00:00\",\"dateModified\":\"2026-07-03T12:42:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/en\\\/toolbox\\\/ga4-event-parameter-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/en\\\/toolbox\\\/ga4-event-parameter-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/en\\\/toolbox\\\/ga4-event-parameter-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Toolbox\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/toolbox\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"GA4 Event Parameter Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\",\"name\":\"Lukas Wojcik - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\",\"name\":\"luky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"width\":424,\"height\":636,\"caption\":\"luky\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GA4 Event Parameter Generator - Lukas Wojcik - Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/","og_locale":"en_US","og_type":"article","og_title":"GA4 Event Parameter Generator - Lukas Wojcik - Blog","og_description":"Select Standard Event: view_itemadd_to_cartpurchasebegin_checkoutview_item_list + Add Custom Parameter Generate Code","og_url":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/","og_site_name":"Lukas Wojcik - Blog","article_modified_time":"2026-07-03T12:42:59+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/","url":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/","name":"GA4 Event Parameter Generator - Lukas Wojcik - Blog","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#website"},"datePublished":"2026-07-03T12:41:56+00:00","dateModified":"2026-07-03T12:42:59+00:00","breadcrumb":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lukaswojcik.com\/blog\/en\/toolbox\/ga4-event-parameter-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lukaswojcik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Toolbox","item":"https:\/\/www.lukaswojcik.com\/blog\/toolbox\/"},{"@type":"ListItem","position":3,"name":"GA4 Event Parameter Generator"}]},{"@type":"WebSite","@id":"https:\/\/www.lukaswojcik.com\/blog\/#website","url":"https:\/\/www.lukaswojcik.com\/blog\/","name":"Lukas Wojcik - Blog","description":"","publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lukaswojcik.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9","name":"luky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","width":424,"height":636,"caption":"luky"},"logo":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg"},"sameAs":["https:\/\/www.lukaswojcik.com\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":2,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/50\/revisions\/52"}],"up":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}