๋ฐฉ๋ฌธ์ ์ ๋ ธ์ถ์ ํจ์ ๊ณผ ๋ธ๋ก๊ทธ ์ ๋ขฐ๋ ์งํค๋ ๋ฐฉ๋ฒ
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ๋ ธ์ถ ๋ฐฉ๋ฌธ์ ๋ฐ์ดํฐ๋ฅผ ๊ณต๊ฐํ ๋ ๋ฐ์ํ ์ ์๋ ์ํ ์์์ ๋ธ๋ก๊ทธ ์ด์์๊ฐ ์ง์ผ์ผ ํ ์์น์ ์๊ฐํฉ๋๋ค.
๋ธ๋ก๊ทธ๋ฅผ ์ฒ์ ์์ํ๋ ๋ง์ ์ ๋ฌธ์๋ค์ด ํํ ์ ์ง๋ฅด๋ ์ค์ ์ค ํ๋๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ณต๊ฐํ๋ ๊ฒ์ ๋๋ค. ๊ฒ์ผ๋ก ๋ณด๊ธฐ์๋ ๋จ์ํ ์ ๋ณด๋ฅผ ๊ณต์ ํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ผ ์ ์์ง๋ง, ์ค์ ๋ก๋๋ธ๋ก๊ทธ ์ด์์ ์ฌ๋ฌ ๊ฐ์ง ๋ถ์์ฉ๊ณผ ์ํ์ ์ด๋ํ ์ ์์ต๋๋ค.
ํนํ ๋ฐฉ๋ฌธ์ ์ ๊ณต๊ฐ๋ ์ฝํ ์ธ ์ ๋ขฐ๋, ํธ๋ํฝ ๊ด๋ฆฌ, SEO ์ต์ ํ ์ธก๋ฉด์์ ํฐ ์ํฅ์ ๋ฏธ์น๋ฏ๋ก ์ฃผ์๊ฐ ํ์ํฉ๋๋ค. ๊ณผ๊ฑฐ ๋ธ๋ก๊ทธ ์ด์ฐฝ๊ธฐ์๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ์กฐ์ํ๋ ๋ฐฉ๋ฒ์ด ๋๋ฆฌ ์ฌ์ฉ๋๊ธฐ๋ ํ์ง๋ง, ํ์ฌ๋ ์๋ชป ํ์ฉํ ๊ฒฝ์ฐ ์ ํ์ง ๋ธ๋ก๊ทธ๋ก ๋ถ๋ฅ๋์ด SEO์ ๋ถ์ด์ต์ ๋ฐ์ ์ ์์ต๋๋ค.
์ค๋์ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ๋ ธ์ถ์ ๋ฌธ์ ์ ๊ณผ, ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ซ์๋ฅผ ๋ณ๊ฒฝํ๋ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์, ๊ณต๊ฐํ๋ฉด ์ ๋๋ ์ด์
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ถํ๋ฆฌ๋ ๊ฒฝ์ฐ
์ผ๋ถ ๋ธ๋ก๊ฑฐ๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ์ธ์์ ์ผ๋ก ๋์ฌ ๋ง์น ๋ฐฉ๋ฌธ์๊ฐ ๋ง์ ๋ธ๋ก๊ทธ์ฒ๋ผ ๊พธ๋ฐ๋๋ค. ์ด๋ฐ ๋ฐฉ์์ ์ฒ์์๋ ๋ฐฉ๋ฌธ์๋ฅผ ๋์ด๋ชจ์ผ๋ ํจ๊ณผ๊ฐ ์์ ์ ์์ง๋ง, ์ฅ๊ธฐ์ ์ผ๋ก๋ ๋ธ๋ก๊ทธ ์ ๋ขฐ๋๋ฅผ ๋จ์ด๋จ๋ฆฌ๊ณ ๊ฒ์ ์์ง์์ ์ ํ์ง ๋ธ๋ก๊ทธ๋ก ๋ถ๋ฅ๋ ์ํ์ด ๋์ต๋๋ค.
๋ฐฉ๋ฌธ์ ์๋ ํ์๋ ์ฝ๊ฒ ์กฐ์ํ ์ ์์ต๋๋ค. ๊ฐ๋จํ ํ๋ก๊ทธ๋จ์ด๋ ์คํฌ๋ฆฝํธ๋ฅผ ํตํด ์ซ์๋ฅผ ์ธ์์ ์ผ๋ก ๋๋ฆด ์ ์๊ธฐ ๋๋ฌธ์ ๋๋ค.
ํ์ง๋ง ์ด๋ฐ ๋ฐฉ๋ฒ์ ๋งค์ฐ ์ํํฉ๋๋ค.
- ์ ํ์ง ๋ธ๋ก๊ทธ๋ก ๋ถ๋ฅ๋ ํ๋ฅ ์ด ๋๊ณ
- ๋ฐฉ๋ฌธ์๋ฅผ ์์ด๋๊ธฐ๋ง ํ์๋ก ๊ฐ์ฃผ๋ฉ๋๋ค
- SEO์ ๋ถ์ด์ต์ด ์๊ธฐ๊ณ
- ๋ฐฉ๋ฌธ์์ ์ ๋ขฐ๋ฅผ ์๊ฒ ๋ฉ๋๋ค.
๋ํ ์ผ๋ถ ์ด๋ณด ๋ธ๋ก๊ฑฐ๋ค์ ํธ๊ธฐ์ฌ์ ์ ๋ฐํด ๋ฐฉ๋ฌธ์ ๋๋ฆด ์๋ ์์ผ๋, ์ดํ๋ฅ ์ด ๋๊ณ ๊ฒฝ์ฐ์ ๋ฐ๋ผ ์์ ์ ์ฝํ ์ธ ๊ฐ ๋์ฉ๋๋ ํผํด๋ฅผ ์ ์ ์๋ ์์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ทธ๋๋ก ๊ณต๊ฐํ๋ ๊ฒฝ์ฐ
๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ ธ์ถํ๋๊ฒ์ ๊ฑฐ์ ๋์ด ์์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์๊ฐ ์ ์ ๋
๋ฐฉ๋ฌธ์ ์๊ฐ ์ ์ผ๋ฉด, ์ด๋ฅผ ๊ทธ๋๋ก ๊ณต๊ฐํ๋ ๊ฒ์ ๋ง์น ์ด์ ์ค์ธ ์๋น์ ์๋์ด ํ๋๋ ์๋ค๊ณ ํ๋ณดํ๋ ๊ฒ๊ณผ ๊ฐ์ต๋๋ค.
- ์ฐ์ฐํ ๋ฐฉ๋ฌธํ ์ฌ๋๋ ์ซ์๋ฅผ ๋ณด๊ณ ์ฝํ ์ธ ์ ์ ๋ขฐ๋๋ฅผ ๋ฎ๊ฒ ํ๊ฐํ ์ ์๊ณ
- ๋ฐฉ๋ฌธ ํ ๋ฐ๋ก ์ดํํ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค
์ฝ๊ฒ ๋งํด, ํ๋ฆฌ์ฑ๋ฅผ ๋ค๊ณ ์๋ ์๋น ์ฃผ์ธ์ ๋ณด๊ณ ๊ทธ ์๋น์ ๋ฑ์ด๊ฐ๊ณ ์ถ์ด ์ง๋ ๋ง์์ด ์ฌ๋ผ์ง๋ ๊ฒ๊ณผ ๊ฐ์ต๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์๊ฐ ๋ง์ ๋
๋ฐ๋๋ก ๋ฐฉ๋ฌธ์ ์๊ฐ ๋ง์ ๊ฒฝ์ฐ ๊ทธ๋๋ก ๊ณต๊ฐํ๋ฉด, ์์ ์ ์ง์ ๊ธ์๋ณดํ๊ฐ ๋ง์ ์ง์ธ ๊ฒ์ฒ๋ผ ํ๋ณดํ๋ ํจ๊ณผ๊ฐ ์์ด, ์ฝํ ์ธ ๋์ฉ์ด ๋์ด๋ ์ ์์ต๋๋ค. ์ด์ฒ๋ผ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ ธ์ถํ๋ ๊ฒ์ ์ค์ง์ ์ธ ์ด๋์ด ๊ฑฐ์ ์๋ ํ์์ ๋๋ค. ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ๋ ธ์ถํ๋ค๋ฉด, ๊ทธ ์ด์ ๊ฐ ๋ถ๋ช ์์ ๊ฒ์ ๋๋ค.
๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ํ์ ๋ณ๊ฒฝ ๋ฐฉ๋ฒ

์๋๋ ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ ์นํ์๋ฅผ ์ด์ฉํด ๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ ธ์ถํ๋ ์ฝ๋ ์์์ ๋๋ค.
div class="count"
h2์ ์ฒด ๋ฐฉ๋ฌธ์/h2
p class="total"/p
pToday : /p
pYesterday : /p
/div
์๋ ์ฝ๋๋ ๋ฐฉ๋ฌธ์ ์์ 9๋ฐฐ๋ฅผ ๊ณฑํ๋ ์์์ ๋๋ค. ์ํ๋ ๋ฐฐ์๋ก ์กฐ์ ํ๋ฉด ์๋ ๋ฐฉ๋ฌธ์ ์๋ณด๋ค ๋ถํ๋ฆฐ ๊ฐ์ ํ์ํ ์ ์์ต๋๋ค. ๋ค๋ง, ์ด ์ฝ๋๋ฅผ ๊ทธ๋๋ก HTML์ ์ฝ์ ํ๋ฉด, ์ฝ๋๋ฅผ ๋ถ์ํ๋ ์ฌ๋์ ์ฝ๊ฒ ์กฐ์ ์ฌ๋ถ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
์กฐ๊ธ ๋ ํ๋ค๊ฒ ์ฒ๋ฆฌํ๋ ค๋ฉด, Google ํ๊ทธ ๋งค๋์ (GTM)์ ๊ฐ์ ํ๋ก๊ทธ๋จ์ ํ์ฉํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ์๋ณธ ์ฝ๋๋ฅผ ํ์ธํ๋๋ผ๋, ๋ฐฉ๋ฌธ์ ์ ์กฐ์ ์ฌ๋ถ๋ฅผ ๋ฐ๋ก ์์๋ณด๊ธฐ ์ด๋ ต๊ฒ ๋ง๋ค ์ ์์ต๋๋ค. ์๋๋ ๊ฐ๋จํ ์์ ์ฝ๋์ ๋๋ค.
script
(function() {
// ์ฒ ๋จ์ ์ฝค๋ง๋ฅผ ์ถ๊ฐํ๋ ํจ์
function addComma(n) {
return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
// ํ์ด์ง ๋ก๋ ์ ์คํ๋ ํจ์
function updateCounts() {
// HTML ์์๋ฅผ ์์ ์ ์ผ๋ก ์ฐพ๊ธฐ ์ํด 200ms ์ง์ฐ
setTimeout(function() {
var countDiv = document.querySelector(".count");
if (!countDiv) {
console.error("'.count' ์์๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค.");
return;
}
var totalElem = countDiv.querySelector(".total");
var todayElem = countDiv.querySelector("p:nth-of-type(2)");
var yesterdayElem = countDiv.querySelector("p:nth-of-type(3)");
// ๊ฐ ์์์ ํ
์คํธ์์ ์ซ์๋ง ์ถ์ถ (์ฝค๋ง ์ ๊ฑฐ ํฌํจ)
var totalNum = parseInt(totalElem.textContent.replace(/[^\d]/g, ''), 10);
var todayNum = parseInt(todayElem.textContent.replace(/[^\d]/g, ''), 10);
var yesterdayNum = parseInt(yesterdayElem.textContent.replace(/[^\d]/g, ''), 10);
// ์ซ์๊ฐ ์ ํจํ์ง ํ์ธ
if (isNaN(totalNum) || isNaN(todayNum) || isNaN(yesterdayNum)) {
console.error("์ ํจํ ์ซ์๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค.");
return;
}
// 9๋ฅผ ๊ณฑํ๊ณ ์ฝค๋ง๋ฅผ ์ ์ฉํ์ฌ ๋ค์ ์์์ ์ฝ์
totalElem.textContent = addComma(totalNum * 9);
todayElem.textContent = "Today : " + addComma(todayNum * 9);
yesterdayElem.textContent = "Yesterday : " + addComma(yesterdayNum * 9);
}, 200); // 200ms ์ง์ฐ
}
// DOM์ด ์์ ํ ๋ก๋๋ ํ ํจ์๋ฅผ ์คํ
document.addEventListener("DOMContentLoaded", updateCounts);
})();
/script
์์ ํ๊ฒ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ
๋ฐฉ๋ฌธ์ ์ ๊ณต๊ฐ๋ฅผ ์ ์คํ๊ฒ ๊ฒฐ์
๋ธ๋ก๊ทธ ์ด๊ธฐ์๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ณต๊ฐํ์ง ์๊ณ , ์ฝํ ์ธ ์ ์ ๋ขฐ์ฑ์ ๋จผ์ ์๋ ๊ฒ์ด ์ข์ต๋๋ค.
ํธ๋ํฝ ๋ฐ์ดํฐ๋ ๋ด๋ถ ๋ถ์์ฉ์ผ๋ก๋ง ์ฌ์ฉ
Google Analytics, ๋ค์ด๋ฒ ์ ๋๋ฆฌํฑ์ค ๋ฑ ๋ฐฉ๋ฌธ์ ๋ถ์ ํด์ ํตํด ๋ด๋ถ์ ์ผ๋ก ํธ๋ํฝ์ ํ์ธํ๊ณ , ์ ๋ต ์๋ฆฝ์ ํ์ฉํฉ๋๋ค.
์ซ์ ์กฐ์์ ์ ๋ ๊ธ์ง
์ฅ๋์ด๋ผ๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ถํ๋ฆฌ๋ ์กฐ์์ ์ฅ๊ธฐ์ ์ผ๋ก ๋ธ๋ก๊ทธ ํํ๊ณผ ๊ฒ์ ์์ง ์์์ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ๋ธ๋ก๊ทธ ์ ๋ฌธ์๋ค์ด ํํ ๋ฒํ๋ ๋ฐฉ๋ฌธ์ ์ ๊ณต๊ฐ ์ค์๋ ๋จ์ํ ์ ๋ณด ๊ณต์ ์ฒ๋ผ ๋ณด์ฌ๋, ๋ธ๋ก๊ทธ ์ ๋ขฐ๋์ ์ฝํ ์ธ ๋ณดํธ ์ธก๋ฉด์์ ํฐ ์ํ์ ๋ดํฌํ๊ณ ์์ต๋๋ค.
๋ฐ๋ผ์ ๋ฐฉ๋ฌธ์ ์๋ ์กฐ์์ด๋ ๊ณผ์์ฉ์ผ๋ก ๊ณต๊ฐํ์ง ์๊ณ , ์ฝํ ์ธ ์ ํ์ง ์ค์ฌ์ผ๋ก ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๋ ๊ฒ์ด ๊ฐ์ฅ ์์ ํ๊ณ ํ๋ช ํ ์ ํ์ ๋๋ค.
๋ธ๋ก๊ทธ ์ ๋ฌธ์๊ฐ ํํ ์ ์ง๋ฅด๋ ์ค์๋ ๋ฌด์์ธ๊ฐ์?
๋ง์ ๋ธ๋ก๊ทธ ์ ๋ฌธ์๋ค์ด ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ณต๊ฐํ๋ ์ค์๋ฅผ ํฉ๋๋ค. ๋จ์ํ ์ ๋ณด ๊ณต์ ์ฒ๋ผ ๋ณด์ฌ๋, ์ค์ ๋ก๋ ์ฝํ ์ธ ์ ๋ขฐ๋ ์ ํ, ํธ๋ํฝ ๊ด๋ฆฌ ๋ฌธ์ , SEO ๋ถ์ด์ต ๋ฑ ์ฌ๋ฌ ๋ถ์์ฉ์ ์ด๋ํ ์ ์์ต๋๋ค.
๋ฐฉ๋ฌธ์ ์๋ฅผ ๋ถํ๋ฆฌ๊ฑฐ๋ ๊ณต๊ฐํ๋ฉด ์ด๋ค ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋์?
์ซ์๋ฅผ ๋ถํ๋ฆด ๊ฒฝ์ฐ: ํธ๋ํฝ์ ์กฐ์ํ๋ฉด ์ฅ๊ธฐ์ ์ผ๋ก ๋ธ๋ก๊ทธ ์ ๋ขฐ๋๋ฅผ ๋จ์ด๋จ๋ฆฌ๊ณ , ๊ฒ์ ์์ง์์ ์ ํ์ง ๋ธ๋ก๊ทธ๋ก ๋ถ๋ฅ๋ ์ ์์ต๋๋ค. ์ค์ ์ซ์๋ฅผ ๊ทธ๋๋ก ๊ณต๊ฐํ ๊ฒฝ์ฐ: ๋ฐฉ๋ฌธ์๊ฐ ์ ์ผ๋ฉด ์ฝํ ์ธ ์ ๋ขฐ๋๊ฐ ๋ฎ๊ฒ ํ๊ฐ๋๊ณ ๋ฐฉ๋ฌธ์๊ฐ ๋ฐ๋ก ์ดํํ ์ ์์ผ๋ฉฐ, ๋ฐฉ๋ฌธ์๊ฐ ๋ง์ผ๋ฉด ์ฝํ ์ธ ๋์ฉ ์๋๊ฐ ๋์ด๋ ์ ์์ต๋๋ค.
์์ ํ๊ฒ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ๋ฌด์์ธ๊ฐ์?
๋ธ๋ก๊ทธ ์ด๊ธฐ์๋ ๋ฐฉ๋ฌธ์ ์๋ฅผ ๊ณต๊ฐํ์ง ์๊ณ ์ฝํ ์ธ ํ์ง๊ณผ ์ ๋ขฐ์ฑ์ ๋จผ์ ์์ต๋๋ค. ํธ๋ํฝ ๋ฐ์ดํฐ๋ Google Analytics, ๋ค์ด๋ฒ ์ ๋๋ฆฌํฑ์ค ๋ฑ ๋ด๋ถ ๋ถ์์ฉ์ผ๋ก๋ง ํ์ฉํฉ๋๋ค. ์ซ์ ์กฐ์์ ์ ๋ ๊ธ์งํ๋ฉฐ, ๋ฐฉ๋ฌธ์ ์๋ ์กฐ์์ด๋ ๊ณผ์์ฉ์ด ์๋ ์ฝํ ์ธ ์ค์ฌ ์ด์์ด ๊ฐ์ฅ ์์ ํ๊ณ ํ๋ช ํ ๋ฐฉ๋ฒ์ ๋๋ค.