{"id":55596,"date":"2026-08-10T14:48:48","date_gmt":"2026-08-10T12:48:48","guid":{"rendered":"https:\/\/am-business.eu\/?page_id=55596"},"modified":"2026-08-10T16:15:10","modified_gmt":"2026-08-10T14:15:10","slug":"utm-generator","status":"publish","type":"page","link":"https:\/\/am-business.eu\/sk\/nastroje\/utm-generator\/","title":{"rendered":"UTM gener\u00e1tor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55596\" class=\"elementor elementor-55596\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4943b5e e-flex e-con-boxed e-con e-parent\" data-id=\"4943b5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a814754 elementor-widget elementor-widget-html\" data-id=\"a814754\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- UTM GENER\u00c1TOR - BE\u00c1GYAZ\u00c1S ELEMENTORBA (SZLOV\u00c1K LOKALIZ\u00c1CI\u00d3) -->\n<style>\n    \/* Kontajner a z\u00e1kladn\u00e9 \u0161t\u00fdly *\/\n    .utm-elementor-wrapper {\n        --utm-primary: #3b82f6;\n        --utm-primary-hover: #2563eb;\n        --utm-bg: #ffffff;\n        --utm-border: #e2e8f0;\n        --utm-text: #0f172a;\n        --utm-muted: #64748b;\n        --utm-field-bg: #f8fafc;\n        --utm-req-bg: #fef2f2;\n        --utm-req-text: #991b1b;\n        --utm-opt-bg: #f1f5f9;\n        --utm-opt-text: #475569;\n\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        background: var(--utm-bg);\n        border: 1px solid var(--utm-border);\n        border-radius: 12px;\n        padding: 24px;\n        max-width: 680px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    .utm-elementor-wrapper *,\n    .utm-elementor-wrapper *::before,\n    .utm-elementor-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    \/* Hlavi\u010dka *\/\n    .utm-elementor-wrapper .utm-head-title {\n        font-size: 1.25rem;\n        font-weight: 700;\n        color: var(--utm-text);\n        margin: 0 0 4px 0;\n        letter-spacing: -0.01em;\n    }\n\n    .utm-elementor-wrapper .utm-head-sub {\n        font-size: 0.875rem;\n        color: var(--utm-muted);\n        margin: 0 0 24px 0;\n        line-height: 1.4;\n    }\n\n    \/* Sekcie *\/\n    .utm-elementor-wrapper .utm-section-label {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--utm-muted);\n        margin-bottom: 12px;\n    }\n\n    .utm-elementor-wrapper .utm-grid-2 {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n\n    @media (min-width: 576px) {\n        .utm-elementor-wrapper .utm-grid-2 {\n            grid-template-columns: 1fr 1fr;\n        }\n    }\n\n    \/* Polia *\/\n    .utm-elementor-wrapper .utm-group {\n        margin-bottom: 14px;\n    }\n\n    .utm-elementor-wrapper .utm-label-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 4px;\n    }\n\n    .utm-elementor-wrapper label {\n        font-size: 0.825rem;\n        font-weight: 600;\n        color: var(--utm-text);\n    }\n\n    .utm-elementor-wrapper .utm-tag {\n        font-size: 0.7rem;\n        padding: 1px 6px;\n        border-radius: 4px;\n        font-weight: 600;\n    }\n\n    .utm-elementor-wrapper .utm-tag-req {\n        background: var(--utm-req-bg);\n        color: var(--utm-req-text);\n    }\n\n    .utm-elementor-wrapper .utm-tag-opt {\n        background: var(--utm-opt-bg);\n        color: var(--utm-opt-text);\n    }\n\n    \/* Vstupy *\/\n    .utm-elementor-wrapper input[type=\"text\"],\n    .utm-elementor-wrapper input[type=\"url\"] {\n        width: 100%;\n        padding: 9px 12px;\n        border: 1px solid var(--utm-border);\n        background: var(--utm-field-bg);\n        border-radius: 6px;\n        font-size: 0.875rem;\n        color: var(--utm-text);\n        transition: all 0.15s ease-in-out;\n    }\n\n    .utm-elementor-wrapper input[type=\"text\"]:focus,\n    .utm-elementor-wrapper input[type=\"url\"]:focus {\n        outline: none;\n        border-color: var(--utm-primary);\n        background: #ffffff;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n    }\n\n    .utm-elementor-wrapper input::placeholder {\n        color: #94a3b8;\n    }\n\n    .utm-elementor-wrapper .utm-hint {\n        font-size: 0.725rem;\n        color: var(--utm-muted);\n        margin-top: 3px;\n    }\n\n    .utm-elementor-wrapper .utm-divider {\n        height: 1px;\n        background: var(--utm-border);\n        margin: 20px 0;\n    }\n\n    \/* V\u00fdsledok *\/\n    .utm-elementor-wrapper .utm-result-box {\n        margin-top: 20px;\n        padding-top: 16px;\n        border-top: 2px solid var(--utm-border);\n    }\n\n    .utm-elementor-wrapper .utm-result-row {\n        display: flex;\n        gap: 8px;\n        margin-top: 6px;\n    }\n\n    .utm-elementor-wrapper .utm-result-input {\n        flex: 1;\n        font-family: monospace;\n        font-size: 0.825rem !important;\n        background: #ffffff !important;\n        border-color: var(--utm-border) !important;\n    }\n\n    .utm-elementor-wrapper .utm-btn {\n        background: var(--utm-primary);\n        color: #ffffff;\n        border: none;\n        border-radius: 6px;\n        padding: 0 16px;\n        font-weight: 600;\n        font-size: 0.85rem;\n        cursor: pointer;\n        transition: background 0.15s ease-in-out;\n        white-space: nowrap;\n    }\n\n    .utm-elementor-wrapper .utm-btn:hover {\n        background: var(--utm-primary-hover);\n    }\n\n    .utm-elementor-wrapper .utm-btn.copied {\n        background: #10b981;\n    }\n<\/style>\n\n<div class=\"utm-elementor-wrapper\">\n    <div class=\"utm-head-title\">Gener\u00e1tor UTM odkazov<\/div>\n    <div class=\"utm-head-sub\">Vypl\u0148te nasleduj\u00face polia pre vytvorenie merate\u013en\u00e9ho kampa\u0148ov\u00e9ho odkazu.<\/div>\n\n    <!-- Datalisty pre automatick\u00e9 na\u0161epk\u00e1vanie -->\n    <datalist id=\"el-sources-list\">\n        <option value=\"google\"><\/option>\n        <option value=\"facebook\"><\/option>\n        <option value=\"instagram\"><\/option>\n        <option value=\"newsletter\"><\/option>\n        <option value=\"linkedin\"><\/option>\n        <option value=\"youtube\"><\/option>\n        <option value=\"tiktok\"><\/option>\n    <\/datalist>\n\n    <datalist id=\"el-mediums-list\">\n        <option value=\"cpc\"><\/option>\n        <option value=\"organic\"><\/option>\n        <option value=\"social\"><\/option>\n        <option value=\"email\"><\/option>\n        <option value=\"banner\"><\/option>\n        <option value=\"affiliate\"><\/option>\n        <option value=\"referral\"><\/option>\n    <\/datalist>\n\n    <!-- POVINN\u00c9 POLIA -->\n    <div class=\"utm-section-label\">Povinn\u00e9 \u00fadaje<\/div>\n\n    <div class=\"utm-group\">\n        <div class=\"utm-label-row\">\n            <label for=\"el-utm-url\">Cie\u013eov\u00e1 URL adresa (Website URL)<\/label>\n            <span class=\"utm-tag utm-tag-req\">Povinn\u00e9<\/span>\n        <\/div>\n        <input type=\"url\" id=\"el-utm-url\" placeholder=\"https:\/\/priklad.sk\/produktova-stranka\" required>\n        <div class=\"utm-hint\">Presn\u00e1 webov\u00e1 adresa cie\u013eovej str\u00e1nky.<\/div>\n    <\/div>\n\n    <div class=\"utm-grid-2\">\n        <div class=\"utm-group\">\n            <div class=\"utm-label-row\">\n                <label for=\"el-utm-source\">Zdroj (utm_source)<\/label>\n                <span class=\"utm-tag utm-tag-req\">Povinn\u00e9<\/span>\n            <\/div>\n            <input type=\"text\" id=\"el-utm-source\" list=\"el-sources-list\" placeholder=\"napr. google, facebook\">\n            <div class=\"utm-hint\">N\u00e1zov platformy alebo zdroja.<\/div>\n        <\/div>\n\n        <div class=\"utm-group\">\n            <div class=\"utm-label-row\">\n                <label for=\"el-utm-medium\">M\u00e9dium (utm_medium)<\/label>\n                <span class=\"utm-tag utm-tag-req\">Povinn\u00e9<\/span>\n            <\/div>\n            <input type=\"text\" id=\"el-utm-medium\" list=\"el-mediums-list\" placeholder=\"napr. cpc, email, social\">\n            <div class=\"utm-hint\">Typ reklamn\u00e9ho kan\u00e1la.<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"utm-divider\"><\/div>\n\n    <!-- VOLITE\u013dN\u00c9 POLIA -->\n    <div class=\"utm-section-label\">Volite\u013en\u00e9 parametre<\/div>\n\n    <div class=\"utm-group\">\n        <div class=\"utm-label-row\">\n            <label for=\"el-utm-campaign\">N\u00e1zov kampane (utm_campaign)<\/label>\n            <span class=\"utm-tag utm-tag-opt\">Volite\u013en\u00e9<\/span>\n        <\/div>\n        <input type=\"text\" id=\"el-utm-campaign\" placeholder=\"napr. jarna_akcia_2026\">\n        <div class=\"utm-hint\">Identifik\u00e1tor konkr\u00e9tnej akcie alebo ponuky.<\/div>\n    <\/div>\n\n    <div class=\"utm-grid-2\">\n        <div class=\"utm-group\">\n            <div class=\"utm-label-row\">\n                <label for=\"el-utm-term\">K\u013e\u00fa\u010dov\u00e9 slovo (utm_term)<\/label>\n                <span class=\"utm-tag utm-tag-opt\">Volite\u013en\u00e9<\/span>\n            <\/div>\n            <input type=\"text\" id=\"el-utm-term\" placeholder=\"pl. bezecka_obuv\">\n            <div class=\"utm-hint\">K\u013e\u00fa\u010dov\u00e9 slovo alebo cie\u013eov\u00e1 skupina.<\/div>\n        <\/div>\n\n        <div class=\"utm-group\">\n            <div class=\"utm-label-row\">\n                <label for=\"el-utm-content\">Obsah (utm_content)<\/label>\n                <span class=\"utm-tag utm-tag-opt\">Volite\u013en\u00e9<\/span>\n            <\/div>\n            <input type=\"text\" id=\"el-utm-content\" placeholder=\"napr. cervene_tlacidlo, banner_top\">\n            <div class=\"utm-hint\">A\/B testovanie alebo varianta reklamy.<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- V\u00ddSLEDOK -->\n    <div class=\"utm-result-box\">\n        <div class=\"utm-label-row\">\n            <label for=\"el-utm-result\">N\u00e1h\u013ead vygenerovan\u00e9ho odkazu<\/label>\n        <\/div>\n        <div class=\"utm-result-row\">\n            <input type=\"text\" id=\"el-utm-result\" class=\"utm-result-input\" readonly placeholder=\"Vypl\u0148te povinn\u00e9 polia...\">\n            <button type=\"button\" id=\"el-utm-copy-btn\" class=\"utm-btn\">Kop\u00edrova\u0165<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        function initUTMBuilder() {\n            const urlInput = document.getElementById('el-utm-url');\n            const sourceInput = document.getElementById('el-utm-source');\n            const mediumInput = document.getElementById('el-utm-medium');\n            const campaignInput = document.getElementById('el-utm-campaign');\n            const termInput = document.getElementById('el-utm-term');\n            const contentInput = document.getElementById('el-utm-content');\n            const resultInput = document.getElementById('el-utm-result');\n            const copyBtn = document.getElementById('el-utm-copy-btn');\n\n            if(!urlInput || !resultInput || !copyBtn) return;\n\n            const inputs = [urlInput, sourceInput, mediumInput, campaignInput, termInput, contentInput];\n\n            function cleanString(str) {\n                return str.trim().toLowerCase().replace(\/\\s+\/g, '_');\n            }\n\n            function generateUTM() {\n                let baseUrl = urlInput.value.trim();\n\n                if (!baseUrl) {\n                    resultInput.value = '';\n                    return;\n                }\n\n                if (!\/^https?:\\\/\\\/\/i.test(baseUrl)) {\n                    baseUrl = 'https:\/\/' + baseUrl;\n                }\n\n                try {\n                    const url = new URL(baseUrl);\n                    const params = new URLSearchParams(url.search);\n\n                    if (sourceInput.value.trim()) params.set('utm_source', cleanString(sourceInput.value));\n                    else params.delete('utm_source');\n\n                    if (mediumInput.value.trim()) params.set('utm_medium', cleanString(mediumInput.value));\n                    else params.delete('utm_medium');\n\n                    if (campaignInput.value.trim()) params.set('utm_campaign', cleanString(campaignInput.value));\n                    else params.delete('utm_campaign');\n\n                    if (termInput.value.trim()) params.set('utm_term', cleanString(termInput.value));\n                    else params.delete('utm_term');\n\n                    if (contentInput.value.trim()) params.set('utm_content', cleanString(contentInput.value));\n                    else params.delete('utm_content');\n\n                    url.search = params.toString();\n                    resultInput.value = url.toString();\n                } catch (e) {\n                    resultInput.value = 'Neplatn\u00fd form\u00e1t URL adresy';\n                }\n            }\n\n            inputs.forEach(input => {\n                input.addEventListener('input', generateUTM);\n            });\n\n            copyBtn.addEventListener('click', function () {\n                if (!resultInput.value || resultInput.value === 'Neplatn\u00fd form\u00e1t URL adresy') return;\n\n                resultInput.select();\n                navigator.clipboard.writeText(resultInput.value).then(() => {\n                    const originalText = copyBtn.innerText;\n                    copyBtn.innerText = 'Skop\u00edrovan\u00e9!';\n                    copyBtn.classList.add('copied');\n\n                    setTimeout(() => {\n                        copyBtn.innerText = originalText;\n                        copyBtn.classList.remove('copied');\n                    }, 2000);\n                });\n            });\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initUTMBuilder);\n        } else {\n            initUTMBuilder();\n        }\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gener\u00e1tor UTM odkazov Vypl\u0148te nasleduj\u00face polia pre vytvorenie merate\u013en\u00e9ho kampa\u0148ov\u00e9ho odkazu. Povinn\u00e9 \u00fadaje Cie\u013eov\u00e1 URL adresa (Website URL) Povinn\u00e9 Presn\u00e1 webov\u00e1 adresa cie\u013eovej str\u00e1nky. Zdroj (utm_source) Povinn\u00e9 N\u00e1zov platformy alebo zdroja. M\u00e9dium (utm_medium) Povinn\u00e9 Typ reklamn\u00e9ho kan\u00e1la. Volite\u013en\u00e9 parametre N\u00e1zov kampane (utm_campaign) Volite\u013en\u00e9 Identifik\u00e1tor konkr\u00e9tnej akcie alebo ponuky. K\u013e\u00fa\u010dov\u00e9 slovo (utm_term) Volite\u013en\u00e9 K\u013e\u00fa\u010dov\u00e9 slovo alebo [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":54916,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-55596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/pages\/55596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/comments?post=55596"}],"version-history":[{"count":7,"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/pages\/55596\/revisions"}],"predecessor-version":[{"id":55628,"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/pages\/55596\/revisions\/55628"}],"up":[{"embeddable":true,"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/pages\/54916"}],"wp:attachment":[{"href":"https:\/\/am-business.eu\/sk\/wp-json\/wp\/v2\/media?parent=55596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}