From aba75adaaff0892a21aa680af64c20263f30a228 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:18:25 +0900 Subject: [PATCH 01/11] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 479b9ee27945..6621dca22c15 100644 --- a/_config.yml +++ b/_config.yml @@ -21,7 +21,7 @@ title_separator : "-" subtitle : # site tagline that appears below site title in masthead name : "Your Name" description : "An amazing website." -url : # the base hostname & protocol for your site e.g. "https://mmistakes.github.io" +url : "https://cherrylime69.github.io" baseurl : # the subpath of your site, e.g. "/blog" repository : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes" teaser : # path of fallback teaser image, e.g. "/assets/images/500x300.png" From a8631b3193e03d56c88c2b5272d2ffc7cc1466cc Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:27:32 +0900 Subject: [PATCH 02/11] Create 2024-06-01-first.md --- _posts/2024-06-01-first.md | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 _posts/2024-06-01-first.md diff --git a/_posts/2024-06-01-first.md b/_posts/2024-06-01-first.md new file mode 100644 index 000000000000..b3784d05fa7a --- /dev/null +++ b/_posts/2024-06-01-first.md @@ -0,0 +1,8 @@ +--- +layout: single +title: "체리라임 첫 포스팅!" +--- + +# 오늘 처음 블로그를 만들었어요 + +앞으로 열심히 해보겠습니다. From b20e55576bdd322714fcdd0a57f01b1b02d0fbe7 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:34:45 +0900 Subject: [PATCH 03/11] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 6621dca22c15..aea520ff0659 100644 --- a/_config.yml +++ b/_config.yml @@ -106,7 +106,7 @@ social: analytics: provider : false # false (default), "google", "google-universal", "google-gtag", "custom" google: - tracking_id : + tracking_id : "G-H6C2GWMG29" anonymize_ip : # true, false (default) From 152e974402a39992a092026399f12f11007dca81 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:36:09 +0900 Subject: [PATCH 04/11] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index aea520ff0659..ac6f13115254 100644 --- a/_config.yml +++ b/_config.yml @@ -104,7 +104,7 @@ social: # Analytics analytics: - provider : false # false (default), "google", "google-universal", "google-gtag", "custom" + provider : "google-gtag" # false (default), "google", "google-universal", "google-gtag", "custom" google: tracking_id : "G-H6C2GWMG29" anonymize_ip : # true, false (default) From 7364e17a953c9d779dfded110806f992b16eaf0a Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:42:45 +0900 Subject: [PATCH 05/11] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index ac6f13115254..6615f968344c 100644 --- a/_config.yml +++ b/_config.yml @@ -12,7 +12,7 @@ # theme : "minimal-mistakes-jekyll" # remote_theme : "mmistakes/minimal-mistakes" -minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise" +minimal_mistakes_skin : "aqua" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise" # Site Settings locale : "en-US" From f62a69040585b86a7418e5d3b3de02c47eb66b88 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sat, 1 Jun 2024 23:59:01 +0900 Subject: [PATCH 06/11] Update google-gtag.html --- _includes/analytics-providers/google-gtag.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/_includes/analytics-providers/google-gtag.html b/_includes/analytics-providers/google-gtag.html index 16d0cf176bac..2dd036fc29e2 100644 --- a/_includes/analytics-providers/google-gtag.html +++ b/_includes/analytics-providers/google-gtag.html @@ -7,3 +7,11 @@ gtag('config', '{{ site.analytics.google.tracking_id }}', { 'anonymize_ip': {{ site.analytics.google.anonymize_ip | default: false }}}); + + + + From 41ad5b6ad6a11fb186277fbaeeaf6fb20551f5a5 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sun, 2 Jun 2024 00:00:31 +0900 Subject: [PATCH 07/11] Update google-gtag.html --- _includes/analytics-providers/google-gtag.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_includes/analytics-providers/google-gtag.html b/_includes/analytics-providers/google-gtag.html index 2dd036fc29e2..2ec46fa85e8d 100644 --- a/_includes/analytics-providers/google-gtag.html +++ b/_includes/analytics-providers/google-gtag.html @@ -1,4 +1,4 @@ - + + --> --> - - - - + From 9643100e7de56d0e43333ba179bf3db194c78703 Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sun, 2 Jun 2024 00:04:07 +0900 Subject: [PATCH 09/11] Update custom.html --- _includes/analytics-providers/custom.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/_includes/analytics-providers/custom.html b/_includes/analytics-providers/custom.html index c34b97ad90d9..8943a00d1863 100644 --- a/_includes/analytics-providers/custom.html +++ b/_includes/analytics-providers/custom.html @@ -1,3 +1,9 @@ - - \ No newline at end of file + + + + From 248d363b231ddd947602a810003ea541fed796fa Mon Sep 17 00:00:00 2001 From: cherrylime69 <95393311+cherrylime69@users.noreply.github.com> Date: Sun, 2 Jun 2024 00:05:00 +0900 Subject: [PATCH 10/11] Update _config.yml --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 6615f968344c..81e735c21b30 100644 --- a/_config.yml +++ b/_config.yml @@ -104,7 +104,7 @@ social: # Analytics analytics: - provider : "google-gtag" # false (default), "google", "google-universal", "google-gtag", "custom" + provider : "custom" # false (default), "google", "google-universal", "google-gtag", "custom" google: tracking_id : "G-H6C2GWMG29" anonymize_ip : # true, false (default) From 323f28fcc3dd150e6d44e3998fa3cb324bbf5c6c Mon Sep 17 00:00:00 2001 From: cherrylime69 Date: Wed, 12 Jun 2024 00:31:20 +0900 Subject: [PATCH 11/11] =?UTF-8?q?GA4=20UTM=20=EB=B9=8C=EB=8D=94=20?= =?UTF-8?q?=EC=A0=9C=EC=9E=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- GA4/script/utm-builder.js | 67 +++++++++++++ GA4/style/utm-builder.css | 204 ++++++++++++++++++++++++++++++++++++++ GA4/utm-builder.html | 88 ++++++++++++++++ 3 files changed, 359 insertions(+) create mode 100644 GA4/script/utm-builder.js create mode 100644 GA4/style/utm-builder.css create mode 100644 GA4/utm-builder.html diff --git a/GA4/script/utm-builder.js b/GA4/script/utm-builder.js new file mode 100644 index 000000000000..4c3de0dce69d --- /dev/null +++ b/GA4/script/utm-builder.js @@ -0,0 +1,67 @@ +window.addEventListener('DOMContentLoaded', eventHandler) + +function eventHandler() { + clickGA4CookieRemoveBtn(); + submitUtmForm(); +} + +function submitUtmForm() { + document.querySelector("#utm_creat_form").addEventListener("submit", createUtmBtn); +} + +function getUtmFormValue() { + const basicURL = encodeURI("https://cherrylime69.github.io/"); + let finalURL = ''; + const formValues = Array + .from(document.querySelectorAll("#utm_creat_form input")) + .filter(ele => !ele.id.includes("btn") && ele.value != '') + .map(ele => ele.id + "=" + ele.value) + .join("&"); + finalURL = formValues ? "?" + formValues : ''; + + return basicURL + finalURL; +} + +function createUtmBtn(event) { + event.preventDefault(); + document.querySelector("#created_utm_btn").setAttribute("href", getUtmFormValue()); +} + +function deleteCookie(name) { + var domainParts = window.location.hostname.split('.'); + var pathArray = window.location.pathname.split('/'); + var date = new Date(0).toUTCString(); + + // 시도할 도메인과 경로 조합 배열 + var domainCombinations = domainParts.map((part, index) => domainParts.slice(index).join('.')); + var pathCombinations = pathArray.map((part, index) => pathArray.slice(0, index + 1).join('/')); + + // 빈 경로 추가 + pathCombinations.push(''); + + // 모든 조합 시도 + domainCombinations.forEach(domain => { + pathCombinations.forEach(path => { + document.cookie = `${name}=; path=${path}; domain=${domain}; expires=${date};`; + }); + }); + + // 현재 도메인에 대한 최종 삭제 시도 + document.cookie = `${name}=; expires=${date}; path=/;`; +} + +function getGA4Cookie() { + const cookies = document.cookie.split(";") + .filter(name => name.includes("_ga") || name.includes("_gl") || name.includes("_gcl")) + .map(ele => ele.split("=")[0]); + return cookies; +} + +function deleteGA4Cookie() { + const GA4Cookie = getGA4Cookie(); + GA4Cookie.forEach(cookie => deleteCookie(cookie)) +} + +function clickGA4CookieRemoveBtn() { + document.querySelector("#cookie_remover_btn").addEventListener("click", deleteGA4Cookie) +} \ No newline at end of file diff --git a/GA4/style/utm-builder.css b/GA4/style/utm-builder.css new file mode 100644 index 000000000000..3a7416edb8d6 --- /dev/null +++ b/GA4/style/utm-builder.css @@ -0,0 +1,204 @@ +html { + background-color: #ffe380; +} + +body { + margin: 0; +} + +#container { + display: flex; + flex-direction: column; + width: 100vw; + height: 100vh; +} + +#header { + display: flex; + justify-content: center; + background-color: yellow; + color: black; + align-items: center; + border: none; + height: 10vh; + +} + +#title { + display: block; + padding: 0; + margin: 0; + text-decoration: black; + font-weight: bold; + font-size: larger; +} + +#cookie_remover_btn { + display: flex; + position: fixed; + right: 2vw; + bottom: 2vh; + background-color: yellow; + width: 100px; + height: 100px; + border-radius: 50%; + margin: 10px; + color: tomato; + font-weight: bold; + text-align: center; + align-items: center; + border: none; + cursor: pointer; + box-shadow: 4px 5px 4px #493f1e; +} + +#cookie_remover_btn:hover { + background-color: rgb(236, 236, 125); + color: rgb(245, 127, 107); +} + +#utm_creator { + display: flex; + margin: 10px; + padding: 10px; + flex-direction: row; + justify-content: space-evenly; + gap: 50px; +} + +#utm_creator form { + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: space-around; +} + +#utm_creator form #utm_create_btn { + margin: 10px 0px; + cursor: pointer; +} + +#created_utm_btn_box { + display: flex; + flex-grow: 1; +} + +#created_utm_btn { + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(255, 255, 0, 0.356); + border-radius: 20px; + flex-grow: 1; + border: none; + font-size: 1.5em; + color: rgb(150, 150, 245); + cursor: pointer; + box-shadow: 4px 5px 4px #493f1e; +} + +#created_utm_btn:hover { + background-color: rgb(184, 184, 11); + color: black; +} + +#fixed_utm_box { + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 20px; + margin: 20px; +} + +.utm_box { + display: flex; + margin: 20px; + gap: 20px; +} + +a.button { + text-decoration: none; +} + +#utm_naver .button { + display: inline-block; + padding: 10px 20px; + font-size: 16px; + color: rgb(66, 60, 60); + background: linear-gradient(rgb(48, 243, 48), rgb(241, 222, 113)); + text-align: center; + border-radius: 5px; + border: none; + font-weight: bold; + cursor: pointer; + box-shadow: 4px 5px 4px #493f1e; + flex-grow: 1; +} + +#utm_naver .button:hover { + background-color: rgb(33, 155, 46); + color: rgb(255, 255, 255); +} + +#utm_facebook .button { + display: inline-block; + padding: 10px 20px; + font-size: 16px; + font-weight: bold; + color: rgb(30, 104, 16); + text-align: center; + border: none; + cursor: pointer; + border-radius: 5px; + box-shadow: 4px 5px 4px #493f1e; + flex-grow: 1; + background: linear-gradient(rgb(84, 84, 187), rgb(224, 222, 211)); + +} + +#utm_facebook .button:hover { + background-color: rgb(35, 35, 230); + color: rgb(255, 255, 255); +} + +#utm_insta .button { + display: inline-block; + padding: 10px 20px; + font-size: 16px; + font-weight: bold; + color: rgb(72, 30, 224); + text-align: center; + border: none; + cursor: pointer; + border-radius: 5px; + box-shadow: 4px 5px 4px #493f1e; + flex-grow: 1; + background: linear-gradient(rgb(241, 97, 181), rgb(247, 226, 111)); + +} + +#utm_insta .button:hover { + background-color: rgb(156, 59, 116); + color: rgb(255, 255, 255); +} + +#utm_google .button { + display: inline-block; + padding: 10px 20px; + font-size: 16px; + font-weight: bold; + color: rgb(56, 55, 54); + background-color: rgb(139, 139, 146); + text-align: center; + border: none; + cursor: pointer; + border-radius: 5px; + box-shadow: 4px 5px 4px #493f1e; + flex-grow: 1; + background: linear-gradient(rgb(139, 139, 146), rgb(236, 173, 77)); +} + +#utm_google .button:hover { + background-color: rgb(47, 47, 49); + color: rgb(214, 202, 190); +} \ No newline at end of file diff --git a/GA4/utm-builder.html b/GA4/utm-builder.html new file mode 100644 index 000000000000..432b99d07f8c --- /dev/null +++ b/GA4/utm-builder.html @@ -0,0 +1,88 @@ + + + + + + + + GA4 test + + + + +
+ + + +
+ + + \ No newline at end of file