{"id":33,"date":"2024-07-30T19:55:39","date_gmt":"2024-07-30T10:55:39","guid":{"rendered":"https:\/\/tools.codigital.co.jp\/ja\/?page_id=33"},"modified":"2024-07-31T10:40:28","modified_gmt":"2024-07-31T01:40:28","slug":"url-builder-for-lstep","status":"publish","type":"page","link":"https:\/\/tools.codigital.co.jp\/ja\/url-builder-for-lstep\/","title":{"rendered":"URL Builder for L\u30b9\u30c6\u30c3\u30d7"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">URL Builder for L\u30b9\u30c6\u30c3\u30d7\u306f\u3001<a href=\"https:\/\/maneql.co.jp\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u682a\u5f0f\u4f1a\u793eManeql\uff08\u30de\u30cd\u30af\u30eb\uff09<\/a>\u304c\u63d0\u4f9b\u3059\u308b<a href=\"https:\/\/linestep.jp\/lp\/01\/\" target=\"_blank\" rel=\"noreferrer noopener\">L\u30b9\u30c6\u30c3\u30d7<\/a>\u306b\u3066\u53cb\u9054\u60c5\u5831\u6b04\u3092\u6d3b\u7528\u3057\u3066\u6d41\u5165\u5206\u6790\u3092\u884c\u3046\u969b\u306b\u4f7f\u3046\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f5c\u6210\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L\u30b9\u30c6\u30c3\u30d7\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3064\u3044\u3066<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L\u30b9\u30c6\u30c3\u30d7\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001L\u30b9\u30c6\u30c3\u30d7\u3067\u767a\u884c\u3057\u305f\u30ea\u30f3\u30af\u304b\u3089\u6d41\u5165\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u53cb\u9054\u60c5\u5831\u6b04\u306b\u81ea\u52d5\u7684\u306b\u5024\u3092\u4ee3\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5229\u7528\u30a4\u30e1\u30fc\u30b8<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e1\u30fc\u30eb\u914d\u4fe1\u304b\u3089\u767b\u9332\u304c\u3042\u3063\u305f\u30e6\u30fc\u30b6\u30fc\u306b\u300c1\u300d\u3068\u8868\u793a\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u304b\u3089\u767b\u9332\u304c\u3042\u3063\u305f\u30e6\u30fc\u30b6\u30fc\u306b\u300c1\u300d\u3068\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5834\u5408\u306b\u3088\u3063\u3066\u306f\u3001\u300c\u30e1\u30fc\u30eb\u914d\u4fe1\u300d\u3084\u300cCoDigital HP\u300d\u306e\u90e8\u5206\u3092\u300c\u6d41\u5165\u7d4c\u8def\u300d\u3068\u3057\u3001\u300c1\u300d\u306e\u5834\u6240\u306b\u300c\u30e1\u30fc\u30eb\u914d\u4fe1\u300d\u300cCoDigital HP\u300d\u306a\u3069\u3092\u4ee3\u5165\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"301\" src=\"https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-1024x301.png\" alt=\"\" class=\"wp-image-48\" srcset=\"https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-1024x301.png 1024w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-300x88.png 300w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-768x226.png 768w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-1536x451.png 1536w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-2048x602.png 2048w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-304x89.png 304w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep-282x83.png 282w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u8a2d\u5b9a\u6642\u306e\u6ce8\u610f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u53cb\u3060\u3061\u60c5\u5831\u6b04ID\u300d\u306b\u306f\u4e0b\u8a18\u306e\u90e8\u5206\u306eID\u3092\u8a18\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u53cb\u3060\u3061\u60c5\u5831\u6b04\u8a18\u8f09\u5185\u5bb9\u300d\u306b\u306f\u3001\u5229\u7528\u30a4\u30e1\u30fc\u30b8\u306e\u90e8\u5206\u3067\u8868\u793a\u3055\u308c\u3066\u6b32\u3057\u3044\u5185\u5bb9\u3092\u8a18\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-1024x610.png\" alt=\"\" class=\"wp-image-55\" srcset=\"https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-1024x610.png 1024w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-300x179.png 300w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-768x457.png 768w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-1536x915.png 1536w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-304x181.png 304w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2-282x168.png 282w, https:\/\/tools.codigital.co.jp\/ja\/wp-content\/uploads\/2024\/07\/lstep2.png 1548w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30c4\u30fc\u30eb<\/h2>\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        .add-button {\n            margin-top: 10px;\n            margin-bottom: 10px;\n        }\n    <\/style>\n    <form id=\"lstep-url-builder-form\">\n        <table id=\"url-table\">\n            <tr>\n                <th><label for=\"base_url\">URL<span class=\"required-label\">*<\/span><\/label><\/th>\n                <td><input type=\"url\" id=\"base_url\" name=\"base_url\" placeholder=\"https:\/\/example.com \uff08L\u30b9\u30c6\u30c3\u30d7\u3067\u751f\u6210\u3057\u305f\u53cb\u9054\u8ffd\u52a0\u30ea\u30f3\u30af\uff09\" required><\/td>\n            <\/tr><\/table>\n<table id=\"friend-info-table\">\n            <tr>\n                <th><label for=\"friend_id_1\">\u53cb\u3060\u3061\u60c5\u5831\u6b04ID<span class=\"required-label\">*<\/span><\/label><\/th>\n                <th><label for=\"friend_content_1\">\u53cb\u3060\u3061\u60c5\u5831\u6b04\u8a18\u8f09\u5185\u5bb9<span class=\"required-label\">*<\/span><\/label><\/th>\n            <\/tr>\n            <tr>\n                <td><input type=\"text\" id=\"friend_id_1\" name=\"friend_id_1\" placeholder=\"129384\uff08\u5fc5\u9808\uff09\" required><\/td>\n                <td><input type=\"text\" id=\"friend_content_1\" name=\"friend_content_1\" placeholder=\"\u5e83\u544a\u6d41\u5165\uff08\u5fc5\u9808\uff09\" required><\/td>\n            <\/tr>\n            <tr>\n                <td><input type=\"text\" id=\"friend_id_2\" name=\"friend_id_2\" placeholder=\"129385\"><\/td>\n                <td><input type=\"text\" id=\"friend_content_2\" name=\"friend_content_2\" placeholder=\"SEO\u6d41\u5165\"><\/td>\n            <\/tr>\n            <tr>\n                <td><input type=\"text\" id=\"friend_id_3\" name=\"friend_id_3\" placeholder=\"129386\"><\/td>\n                <td><input type=\"text\" id=\"friend_content_3\" name=\"friend_content_3\" placeholder=\"\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u6d41\u5165\"><\/td>\n            <\/tr>\n        <\/table>\n        <div id=\"additional_fields\"><\/div>\n        <button type=\"button\" class=\"add-button\" onclick=\"addFields()\">\u53cb\u3060\u3061\u60c5\u5831\u6b04\u3092\u8ffd\u52a0<\/button>\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        let fieldCount = 3;\n\n        function addFields() {\n            fieldCount++;\n            const friendInfoTable = document.getElementById('friend-info-table');\n            const newFields = `\n            <tr>\n                <td><input type=\"text\" id=\"friend_id_${fieldCount}\" name=\"friend_id_${fieldCount}\" placeholder=\"\u53cb\u3060\u3061\u60c5\u5831\u6b04ID${fieldCount}\"><\/td>\n                <td><input type=\"text\" id=\"friend_content_${fieldCount}\" name=\"friend_content_${fieldCount}\" placeholder=\"\u53cb\u3060\u3061\u60c5\u5831\u6b04\u8a18\u8f09\u5185\u5bb9${fieldCount}\"><\/td>\n            <\/tr>`;\n            friendInfoTable.insertAdjacentHTML('beforeend', newFields);\n        }\n\n        document.addEventListener('input', function () {\n            generateURL();\n        });\n\n        function generateURL() {\n            const base_url = document.getElementById('base_url').value;\n            const friend_id_1 = document.getElementById('friend_id_1').value;\n            const friend_content_1 = document.getElementById('friend_content_1').value;\n\n            let is_valid = base_url && friend_id_1 && friend_content_1;\n\n            let params = new URLSearchParams();\n\n            for (let i = 1; i <= fieldCount; i++) {\n                const friend_id = document.getElementById(`friend_id_${i}`).value;\n                const friend_content = document.getElementById(`friend_content_${i}`).value;\n                if (friend_id && friend_content) {\n                    params.append(`var_${friend_id}`, friend_content);\n                }\n            }\n\nif (is_valid) {\n    const separator = base_url.includes('?') ? '&' : '?';\n    const generated_url = base_url + separator + 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\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7248\u3084L\u30b9\u30c6\u30c3\u30d7\u306e\u69cb\u7bc9\u30fb\u5206\u6790\u6539\u5584\u306b\u95a2\u3059\u308b\u76f8\u8ac7\u7b49\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","protected":false},"excerpt":{"rendered":"<p>URL Builder for L\u30b9\u30c6\u30c3\u30d7\u306f\u3001\u682a\u5f0f\u4f1a\u793eManeql\uff08\u30de\u30cd\u30af\u30eb\uff09\u304c\u63d0\u4f9b\u3059\u308bL\u30b9\u30c6\u30c3\u30d7\u306b\u3066\u53cb\u9054\u60c5\u5831\u6b04\u3092\u6d3b\u7528\u3057\u3066\u6d41\u5165\u5206\u6790\u3092\u884c\u3046\u969b\u306b\u4f7f\u3046\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u4f5c\u6210\u3059\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002 L\u30b9\u30c6\u30c3\u30d7\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3064\u3044\u3066 L\u30b9\u30c6\u30c3\u30d7 [&hellip;]<\/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-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/33","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=33"}],"version-history":[{"count":15,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/pages\/33\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/tools.codigital.co.jp\/ja\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}