Waveon

GA와 Facebook Pixel - 2편 : 웨이브온으로 시작하기

Waveon Team

2023.05.19.

0 min read

읽기 목록

안녕하세요!

1편에서 구글애널리틱스와 페이스북 픽셀의 의미, 그리고 이 도구들을 마케팅에 활용하는 경우 어떤 장점이 있는지에 대해 알아보았습니다 🙂

구글애널리틱스와 페이스북 픽셀이 궁금하시다면?

▶ GA와 Facebook Pixel - 1편 : 강력한 데이터 분석도구

더하여 노코드툴을 통한 랜딩페이지에도 이러한 도구를 사용할 수 있다고 잠깐 말씀드렸었는데요,

오늘은 노코드 툴 대표 소프트웨어인 Waveon으로 제작한 랜딩페이지에 GA와 Facebook Pixel 넣는 방법을 소개해드리려고 해요

쌩 문과생 웨이브온 마케터도 웨이브온 페이지 가이드만 보고 쉽게 할 수 있었으니, 한번 차근차근 같이 해봐요 😊

Step 1. GA와 Facebook pixel 아이디코드 찾기

먼저 GA와 Facebook Pixel 아이디가 필요해요
이 아이디는 그 서비스를 구독하고 계신 분이라면 해당 홈페이지에서 가져올 수 있어요

예컨대 GA는 관리 → 데이터스트림 → 자사 사이트 URL 클릭 → 측정 ID : G-xxxxxxxxxx를 복사해오면 돼요!

다음 캡쳐 화면을 참고해주세요

Facebook Pixel의 경우도 마찬가지에요. 페이스북의 광고 관리자에 접속해서 아이디를 복사할 수 있어요

광고관리자 → 모든 도구(≡) → 이벤트 관리자 메인 화면에서 확인 가능해요

Step 2. GA와 Facebook Pixel 아이디 코드 적용

자 이렇게 가져온 GA와 Facebook Pixel 아이디를 웨이브온에 적용해봅시다
설정 → 통계설정 → 아이디 입력의 과정으로 진행하시면 돼요
먼저 웨이브온에서 만든 랜딩페이지에 들어가볼게요

좌측 설정을 눌러주세요

거기서 통계 설정을 눌러주시면

이렇게 아이디 입력하는 칸이 나와요!

여기에 Step 1에서 찾은 GA와 Facebook Pixel 아이디를 입력하면 돼요

Step 3. 랜딩페이지에서의 사용자 행동을 GA와 Facebook Pixel에 보내기

그럼 입력한 코드로 사용자가 랜딩페이지에서 한 행동 정보가 전송될 수 있도록 해볼게요.
element 선택 → 로직 → condition과 result 지정 순서로 진행할거에요
웨이브온에서 만든 랜딩페이지에서 하나의 element를 눌러보세요

여기서 element는 랜딩페이지의 이용자가 그 버튼을 눌렀을 때, 우리가 그 정보를 GA나 Facebook Pixel에 정보를 담고 싶은 요소를 말해요.

저는 예시 템플릿 '쏘왓카'에서, 사용자가 Request a call이라는 버튼을 누른 정보를 기록하고 싶으니 이 element를 눌러볼게요

element를 누르면 우측에 탭이 하나뜨고, 그 중에 우리는 로직이라는 칸을 누를거에요

먼저 컨디션 설정을 해줄게요. 우리는 사용자가 이 버튼을 눌렀을 때 우리에게 정보가 저장되길 바라기 때문에 ‘클릭 시’로 설정하면 돼요

그리고 클릭을 하면 GA나 Facebook Pixel로 정보가 전송되길 원하는 것이기 때문에 Result 추가 → 데이터 → GA 연동 또는 Facebook Pixel 연동을 눌러주면 끝이에요!

이후 랜딩페이지에 접속한 고객이 어떤 행동을 했는지, GA와 Facebook Pixel 사이트에서 쉽게 확인할 수 있어요😉

GA와 Facebook Pixel은 마케팅 활동의 성과를 측정하고 최적화하기 위해 필수적인 도구입니다.
만약 랜딩페이지에 이러한 툴을 적용한다면 접속자들이 어떤 행동을 하는지 수집하고, 이를 기반으로 고객의 특성과 행동을 분석할 수 있어요

실제로 노코드 툴 Waveon을 통해 랜딩페이지를 만든다면 위의 방법을 사용해서 GA와 Facebook Pixel과 연동할 수 있답니다.

Waveon을 통해 랜딩페이지를 제작하고, GA와 Facebook Pixel으로 마케팅 성과를 측정하여 여러분의 아이디어를 사업화해보세요!

Waveon Team

관련된 아티클

Waveon

중소기업을 위한 스마트한 재고관리: 웨이브온 No-Code ERP 완벽 가이드

들어가며효율적인 재고 관리는 중소기업의 성장과 안정적인 운영을 위해 반드시 해결해야 할 과제입니다. 재고가 제대로 관리되지 않으면 판매 기회를놓치고, 불필요한 비용이 발생하며, 심지어 고객 신뢰까지 잃을 수 있기 때문입니다.특히 코로나19 이후 공급망의 불안정성이 커지면서, 재고문제는 더 이상 미룰 수 없는 핵심 과제가 되었습니다. 실제로 2023년, 재고 관리 소프트웨어 시장이 전년 대비 15% 성장했다는 통계는 많은기업이 이 문제를 해결하기 위해 발 빠르게 움직이고 있음을 보여줍니다.이처럼 재고 관리는 더 이상 선택이 아닌 필수입니다. 웨이브온은 중소기업이기존의 비효율적인 방식에서 벗어나 더욱 체계적이고 간소화된 재고 관리 시스템으로 전환할 수 있도록 No-Code ERP 솔루션을 제공합니다.이

Waveon

[업데이트] 홈 화면 개편, 이미지 alt 태그 추가 및 기타 버그 수정

홈 화면 개편웨이브온의 대시보드 화면이 홈 화면으로 개편 되었습니다. 새로운 홈 화면에서는 최근에 나온 따끈따끈한 템플릿 목록과, 최근에 작업한내역이 나와 바로 작업할 프로젝트로 한번에 이동할 수 있게 되었습니다.이미지에 alt 태그 옵션 추가구글, 네이버 SEO 에 관심 있는분들께서는 이미지 alt 태그에 대해서 들어보셨을 것입니다. 이미지 alt 태그는 이미지에 붙이는 태그로써, 검색엔진은 텍스트밖에 인식하지못하므로 (아마도요..) 이미지에 텍스트를 달아, 이 이미지가 무엇이다 라고 설명해 주는 태그 입니다. alt 태그를 추가하면 구글이나 네이버검색엔진이 더 내용을 잘 이해할 수 있어서 많은 사람들이 내 페이지를 검색하는데 도움을 줍니다.몇가지 자잘한 버그 수정아래와 같은 버그가 수정되었습니다

Waveon

[업데이트] 개선된 폼 입력 및 테이블 기능

개선된 폼 입력웨이브온 이용자 분들께서 가장 많이 이용하시는 기능중 하나인 사용자의 입력을 받기 위한 폼 기능이 개선되어 더욱 다양한 형태의입력을 받을수 있게 되었습니다.섹션 기능이제 폼을 이용하여 섹션을 나눌수 있습니다. 섹션은 입력 받으려고 하는 내용이 많고 구분해야 할때 사용가능합니다.가로라벨, 세로라벨 설정 기능폼의 라벨위치를 가로 또는 세로로 설정 하실수 있습니다.라디오 기능여러개의 선택지중 하나를 선택할 수있는 라디오 속성이 추가 되었습니다.다중 선택 기능여러개의 선택지를 선택할 수 있는 기능이 추가 되었습니다. 선택지는 텍스트 또는 이미지로설정하실수 있습니다.다중 업로드 기능여러개의 파일을 업로드 할 수 있는 기능이 생겼습니다.테이블 기능데이터베이스의 내용을 보여줄 수 있는테이블을 생성

Waveon

[업데이트] 워크스페이스 기능 출시

워크스페이스란?워크스페이스는 우리 회사에서 필요한 툴을 모아놓은 공간 입니다. 워크스페이스를 이용하면 내부 인력 뿐만 아니라 외부 인력과도 함께동일한 시스템을 이용하여 업무를 진행 하실 수 있습니다.아래 스크린샷에서 보시는 것처럼 랜딩페이지와 관리 페이지를 항목으로 두고 업무를 수행할수 있으며, 해당 워크스페이스에 외부 인력을 초대하여 함께 업무를 진행하실 수도 있습니다.워크스페이스 세팅 방법워크스페이스를 세팅하는 방법은크게 2가지가 있습니다. 첫번째는 빈 워크스페이스에서 시작하는 방법이며, 두번째는 워크스페이스 템플릿으로 시작하는 방법 입니다. 빈워크스페이스에서 시작 하시면 입맛대로 구성할 수 있지만, 설정이 필요하며, 워크스페이스 템플릿에서 시작하면 그대로 사용 가능하신 장점이있습니다.워크스페이

Waveon

웨이브온을 소개합니다!

웨이브온이 뭐야?🤔안녕하세요 웨이브온 마케터입니다! 이 글을 그동안 웨이브온을 잘 사용해주신 분들도, 웨이브온을 사용하기 위해 검색하던분들도 보실 수 있을 텐데요, 웨이브온이 궁금한 분들을 위해 웨이브온 소개글을 들고 왔어요! 웨이브온을 한 마디로 설명하자면, 마케팅을 위한노코드 툴입니다.잠깐, 노코드가 뭐냐구요? 노코드는 간단히 말해서, 코딩 없이 개발하는 것을 의미해요. '코딩=개발'이라고 생각했던 과거는잊어주세요!출처 - Notion요즘 포트폴리오 만들 때 많이 쓰이는 Notion도 노코드 툴에 속해요. 노션을 사용해보신 분들은 아시겠지만,노션은 글 쓰고 사진만 넣었는데도 다른 사람에게 공유할 수 있는 나만의 웹사이트를 만들 수 있어요. 웨이브온도 노션과 마찬가지예요. 웨이브온을활용하면, 마

Waveon

마케터 혼자 랜딩페이지 만들기 가능해? 랜딩페이지 마스터 되기!

안녕하세요 웨이브온입니다!오늘은 웨이브온을 찾아주신 C 마케터님의 고민을 함께 읽는 시간을 가져 보려고 해요. 마케터 동지로서 C 마케터님의고민을 같이 들어주시겠어요?(📌 새내기 마케터 분들은 초보자 편을 먼저 읽어주세요!)마케터의 고민 : 랜딩페이지가 필요해!안녕하세요? 뷰티업계재직 4년 차 C 마케터 입니다.저는 요즘 일하면서 고민이 눈덩이처럼 불어나고 있어요...😢대학은 상경계 문과를 나왔고, 브랜딩과 콘텐츠기획에 관심이 있었어요.그래서 작년에 신생 뷰티 브랜드의 마케터로 이직했는데,마케터로서 할 수 있는 업무에 제약이 많은 것 같아 고민입니다.저희팀은 주로 메타 광고를 기획하고 광고 소재를 제작하고 있어요.고객의 니즈를 찾고, 소구점 별로 광고 소재를 제작하는 건 즐겁지만...점점 마케팅퍼널

Waveon

초보 마케터를 위한 가장 쉬운 랜딩페이지 가이드!

안녕하세요 웨이브온입니다! 오늘은 두근두근 직장 생활을 새롭게 시작한 초보 마케터분들이 어려워 하시는 기초 마케팅 지식을 차근차근 알려드리려고해요😊마케터라면 랜딩페이지에 대해 들어보셨을 텐데요, 팀장님과 사수님이 말씀하시는 랜딩페이지... 뭔지 정확히 알고 계시나요? '대충 상세페이지랑 비슷한 거 아니야?'라고 생각하신다면, 이 글을 꼭 끝까지 읽어주세요!! 랜딩페이지 마스터가되어봅시다😎랜딩페이지란?랜딩페이지(Landing page)란 고객이 광고를 통해 우리 사이트로 유입될 때 처음 마주하는 페이지를 뜻해요.인스타그램에서 광고를 보고 혹해보신 적이 있나요? 만약 레깅스를 광고에서 보고 광고와 연동된 사이트에 들어갔는데, 반팔 티셔츠가 나오면 무척당황스러울 거예요😰 때문에 랜딩페이지는 광고에서 보여

Waveon

개발자 없이 만든 랜딩페이지로 A/B 테스트 하는 방법?

안녕하세요! 웨이브온입니다🙌'고객의 반응을 예측하기 어렵다.' 마케터분들이라면 무척 공감하실 텐데요, 그렇기 때문에 가설을 설정하고 이를테스트 하는 것이 반드시 필요합니다. 어떤 랜딩페이지가 고객에게 더 매력적일지, 어떤 소구점이 고객을 후킹할 수 있는지 테스트하기 위해웨이브온이 랜딩페이지 마케팅 A/B 테스트 기능을 출시했어요!!!🤩A/B 테스트가 정확히 뭔지, 마케팅할 때 왜 필요한지, 그리고 웨이브온A/B 테스트는 어떻게 사용하는지 등등! 궁금하셨던 부분들을 지금 바로 알려드릴게요😋랜딩페이지 A/B 테스트란?랜딩페이지 A/B 테스트란 두가지(A와 B)의 랜딩페이지를 동시에 운영하여, 둘 중 어떤 랜딩페이지가 더 나은 성과를 보이는지 알아내는 테스트를 뜻해요. 랜딩페이지 A/B테스트는 방문자의

Waveon

화장품 프로모션 템플릿으로 랜딩페이지 만들기(+무료 템플릿 제공)

안녕하세요 웨이브온입니다! 오늘은 PPT 만들기보다 쉬운 화장품 프로모션 랜딩페이지 만드는 방법을 가져왔습니다. 바로 Waveon 템플릿을이용하는 방법인데요, 웨이브온은 코딩과 디자인 없이 만들 수 있는 랜딩페이지를 무료로 제공하고 있습니다. 먼저 디자인을 살펴 보도록하겠습니다🔎 화장품 프로모션 랜딩페이지 만들기 템플릿 디자인 화장품 프로모션 랜딩페이지 템플릿 무료로 사용하기 웨이브온의 화장품 프로모션랜딩페이지는 봄맞이 이벤트를 위한 디자인과 가정의 달 이벤트를 위한 디자인, 총 2가지 디자인입니다. 화장품 업계에서는 봄맞이, 가정의 달,추석, 크리스마스 이벤트 등 1년 중 시기별 이벤트를 많이 진행하는데요, 템플릿을 통해 바쁜 프로모션 준비 기간을 단축해 보세요! 웨이브온에서는앞으로 더 다양한 디