์ฃผ์๊ธ) ๋ง์ผํฐ๋ฅผ ์ํ ์ฃผ์ ๊ด๊ณ ๋งค์ฒด ์ ๋ฆฌ
2020๋ 01์ 20์ผ ์์ฑ๋ ์ด์ ๋ฒ์ ์ฃผ์ ๋งค์ฒด ๋ด์ฉ ๋ณด๋ ค๋ฉด ์ฌ๊ธฐ๋ฅผ ํด๋ฆญ!ย ํด๋ผ์ด์ธํธ๋ฅผ ์ํด, ์คํ๋์ค์ ์์ค ํ์ฌ์๊ฐ์์ ๋ณ๋๋ก ์ฒจ๋ถํ๋ ๋งค์ฒด ์๊ฐ์๋ฅผ ๊ณต๊ฐํฉ๋๋ค. ๋ณธ ๋งค์ฒด ์๊ฐ์๋ฅผ ๋ณต์ฌ, ํ ํ๋ ํ์๋ ์ ๋ ๊ธ์ง ํฉ๋๋ค. ๋ง์ผํฐ๋ค์ด ๊ฐ์ฅ ์ด๋ ค์ํ๋ ์์ฐ ํธ์ฑ๊ณผ ๋งค์ฒด ์ ์ ์ ๋์์ด ๋ ์ ์๋๋ก ๋ด์ฉ์ ๊ณต๊ฐํ๋ ๊ฒ์ด๋ ๋ถ๋นํ ๋ชฉ์ ์ผ๋ก ์ฌ์ฉํ์ง ๋ง์์ฃผ์ธ์. ๋ณธ ์๋ฃ๋ 2020๋ 09์์ ๊ธฐ์ ์ผ๋ก ์ ์๋
์ ํ๋ธ ์์์ iframe ์ผ๋ก ์ฝ์ ํ์์ ๋ ์กฐํ์ ๋ณํ ํ ์คํธ
์๋์ฌ์์ ๊ฑธ์ง ์์ PC ์๋์ฌ์ ๏ปฟ ํ ์คํธ ์ ํ์ ์คํ๋์ค์ ์์ค ์ ์ ์ํ์ธ ๋ ธ๋ํต์ฐ๊ณ ๋ก ์งํ. ๊ฒฐ๊ณผ๋ ์ถํ ๊ณต๊ฐ ํ ์คํธ ๋ชฉ์ . 1. ์๋์ฌ์์ ์กฐํ์๊ฐ ์นด์ดํธ ๋๋๊ฐ 2. ์์ดํ๋ ์์ผ๋ก ์ฝ์ ํ ์์์ ์กฐํ์๋ ์ ํ๋ธ ์์ ์กฐํ์์ ๋ฐ์์ด ๋๋๊ฐ. >> ๊ฒฐ๊ณผ 1. ์๋์ฌ์์ ์กฐํ์ ์นด์ดํธ๊ฐ ์๋จ. 2. ์์ดํ๋ ์์ผ๋ก ์ฝ์ ํ ์์์ ์กฐํ์๋ ์ ํ๋ธ ์์ ์กฐํ์์ ๋ฐ์ ๋จ.
์ ํ๋ธ API ๋ฅผ ์ด์ฉํด ์์ ์ฝ์ ์คํฌ๋ฆฝํธ ์ํ
์์ดํ๋ ์์ ์ด์ฉํด ์ ํ๋ธ ์์ ์ฝ์ ์, ๋ชจ๋ฐ์ผ์์ ์๋์ฌ์์ด ๋์ง ์๋๋ค. ๋ชจ๋ฐ์ผ์์ ์์์ ์๋์ฌ์ ์ํค๊ธฐ ์ํด์ iframe ์ ๋ถ์ฌ๋ฃ๋ ๋ฐฉ์์ด ์๋๋ผ API ๋ฅผ ํ์ฉํด ์์์ ๋ถ์ฌ๋ฃ์ด์ผ ํ๋ค. ์๋ ๋งํฌ์์ ํด๋ผ์ด์ธํธ์ ์์ธํ์ด์ง์ ๋ฐ์ํ ์ ํ๋ธ API ์คํฌ๋ฆฝํธ ๋ฅผ ๊ธฐ์ฌํด๋์๋ค. *์์์ ๊ฐ๋ก์ธ๋ก ๊ธธ์ด์ ๋ฐ๋ฅธ ๋์์ธ ํธ์ง์ ์ฝ๊ฐ์ ๊ฐ๋ฐ ์ง์์ด ํ์ํ๋ค. *๊ฐ ์์์ ๋ง์ถฐ์ ์ฝ๋๊ฐ ๋๋ฒ๋ง ๋์ด ์๋ค. ์ฝ๋ํย ๋งํฌย ์ด๋ https://codepen.io/febreast/pen/ZEbmGRQ
[GTM] ๊ตฌ๊ธํ๊ทธ๋งค๋์ ๋ฐ์ดํฐ๋ ์ด์ด ํ์ฉํ๊ธฐ – ํธ๋ฆฌ๊ฑฐ ํ์ฉ๋ฒ
# Intro ํ๊ทธ๋งค๋์ ๋ฅผ ํ์ฉํ๋ค๋ณด๋ฉด ๊ฒฐ๊ตญ ๋์ฐฉํ๋ ๊ณณ์ด ๋ฐ์ดํฐ๋ ์ด์ด๋ผ๋ ๊ฐ๋ ์ ๋๋ค. ์ด ๊ฐ๋ ์ ๋ํด์๋ ๋ค๋ฅธ ์น์ฌ์ดํธ์ ๋ด์ฉ์ด ๋ง์ด ์์ผ๋ ์์ธํ ์ค๋ช ์ ์๋ตํ๋ฉฐ, ์ด๋ฏธ ์ง์์ด ์๋ ๋ถ๋ค์ ๋์์ผ๋ก ์งํํด๋ณด๊ฒ ์ต๋๋ค. ํ์ง๋ง ๋ง์ ์น๋ฌธ์๋ค์ด ๋ค๋ฃจ๋ ๋ด์ฉ์ ๋ฐ์ดํฐ๋ ์ด์ด์ ๋ํ ๊ฐ๋ ๋ง ์์ ๋ฟ, ์ฐ๋ฆฌ๊ฐ ์ค์ง์ ์ผ๋ก ์ด๋ป๊ฒ ํ์ฉํด์ผ ํ๋์ง๋ ๋๋ถ๋ถ ์ค๋ช ์ด ์์ต๋๋ค. ์ค๋์ ์ค์ง์ ์ผ๋ก ์ด๋ป๊ฒ ๋ฐ์ดํฐ ๋ ์ด์ด๋ฅผ 'ํธ๋ฆฌ๊ฑฐ'๋ก์ ํ์ฉํ