{"id":28,"date":"2024-07-30T19:32:56","date_gmt":"2024-07-30T10:32:56","guid":{"rendered":"https:\/\/tools.codigital.co.jp\/ja\/?page_id=28"},"modified":"2024-07-30T21:06:42","modified_gmt":"2024-07-30T12:06:42","slug":"campaign-url-builder","status":"publish","type":"page","link":"https:\/\/tools.codigital.co.jp\/ja\/campaign-url-builder\/","title":{"rendered":"URL Builder for Google(utm\u30d1\u30e9\u30e1\u30fc\u30bf)"},"content":{"rendered":"\n<p><a href=\"https:\/\/ga-dev-tools.google\/ga4\/campaign-url-builder\" target=\"_blank\" rel=\"noreferrer noopener\">Campaign URL Builder<\/a>\u306e\u72ec\u81ea\u751f\u6210\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7248\u3084\u5927\u91cf\u81ea\u52d5\u751f\u6210\u7248\u306f<a href=\"https:\/\/codigital.co.jp\/contact\" target=\"_blank\" rel=\"noreferrer noopener\">\u3053\u3061\u3089<\/a>\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n    <style>\n        th {\n            width: 180px;\n        }\n        input {\n            width: 100%;\n        }\n        .required-label {\n            color: red;\n        }\n        #generated_url_container {\n            margin-top: 10px;\n        }\n        #generated_url {\n            display: block;\n            margin-bottom: 10px;\n            padding: 5px;\n            border: 1px solid #ccc;\n            background: #f9f9f9;\n            cursor: pointer;\n        }\n    <\/style>\n    <form id=\"campaign-url-builder-form\">\n        <table>\n            <tr>\n                <th><label for=\"base_url\">\u30ea\u30f3\u30af\u5148URL<span class=\"required-label\">*<\/span><\/label><\/th>\n                <td><input type=\"url\" id=\"base_url\" name=\"base_url\" placeholder=\"https:\/\/example.com\" required><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_id\">Campaign ID<\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_id\" name=\"campaign_id\" placeholder=\"campaign-id\"><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_source\">Campaign Source<span class=\"required-label\">*<\/span><\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_source\" name=\"campaign_source\" placeholder=\"google, newsletter, etc.\" required><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_medium\">Campaign Medium<span class=\"required-label\">*<\/span><\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_medium\" name=\"campaign_medium\" placeholder=\"cpc, email, etc.\" required><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_name\">Campaign Name<\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_name\" name=\"campaign_name\" placeholder=\"spring_sale\"><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_term\">Campaign Term<\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_term\" name=\"campaign_term\" placeholder=\"spring, discount\"><\/td>\n            <\/tr>\n            <tr>\n                <th><label for=\"campaign_content\">Campaign Content<\/label><\/th>\n                <td><input type=\"text\" id=\"campaign_content\" name=\"campaign_content\" placeholder=\"ad, banner, etc.\"><\/td>\n            <\/tr>\n        <\/table>\n        <div id=\"generated_url_container\">\n            <span id=\"generated_url\">\u5fc5\u9808\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n            <button type=\"button\" id=\"copy_button\" disabled>URL\u3092\u30b3\u30d4\u30fc\u3059\u308b<\/button>\n        <\/div>\n    <\/form>\n    <script>\n        document.addEventListener('input', function () {\n            const base_url = document.getElementById('base_url').value;\n            const campaign_source = document.getElementById('campaign_source').value;\n            const campaign_medium = document.getElementById('campaign_medium').value;\n            const campaign_name = document.getElementById('campaign_name').value;\n            const campaign_id = document.getElementById('campaign_id').value;\n            const campaign_term = document.getElementById('campaign_term').value;\n            const campaign_content = document.getElementById('campaign_content').value;\n\n            let is_valid = base_url && campaign_source && campaign_medium;\n\n            if (is_valid) {\n                let params = new URLSearchParams({\n                    utm_source: campaign_source,\n                    utm_medium: campaign_medium,\n                    utm_campaign: campaign_name\n                });\n\n                if (campaign_id) params.append('utm_id', campaign_id);\n                if (campaign_term) params.append('utm_term', campaign_term);\n                if (campaign_content) params.append('utm_content', campaign_content);\n\n                const generated_url = base_url + '?' + params.toString();\n                document.getElementById('generated_url').textContent = generated_url;\n                document.getElementById('generated_url').href = generated_url;\n                document.getElementById('copy_button').disabled = false;\n            } else {\n                document.getElementById('generated_url').textContent = '\u5fc5\u9808\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044';\n                document.getElementById('generated_url').removeAttribute('href');\n                document.getElementById('copy_button').disabled = true;\n            }\n        });\n\n        document.getElementById('copy_button').addEventListener('click', function () {\n            const url = document.getElementById('generated_url').textContent;\n            navigator.clipboard.writeText(url).then(function() {\n                alert('URL\u304c\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3055\u308c\u307e\u3057\u305f');\n            }, function() {\n                alert('URL\u306e\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f');\n            });\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"<p>Campaign URL Builder\u306e\u72ec\u81ea\u751f\u6210\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7248\u3084\u5927\u91cf\u81ea\u52d5\u751f\u6210\u7248\u306f\u3053\u3061\u3089\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":6,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/28\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}