게시자는 광고 플랫폼과 광고 네트워크를 활용하여 광고를 중요한 수익원으로 활용합니다. 이러한 플랫폼과 네트워크는 광고 수익을 창출할 수 있는 잠재력이 크지만, 광고 게재 기술이 제대로 구현되지 않으면 사용자 환경과 페이지 성능에 부정적인 영향을 미칠 수 있으므로 수익 효과가 저하될 수 있습니다. 수익 창출과 실적 간의 균형을 맞추는 것이 중요합니다.
게시자가 Core Web Vitals에 관심을 가져야 하는 이유
Core Web Vitals는 게시자가 페이지의 사용자 환경과 페이지 실적을 측정하는 데 도움이 됩니다. Core Web Vitals는 로드, 상호작용, 시각적 안정성 측면에서 실제 사용자 환경을 평가하도록 설계된 세 가지 측정항목입니다.
- 최대 콘텐츠 페인트 (LCP)는 인지된 로드 속도, 즉 광고 슬롯을 포함한 가장 큰 콘텐츠 요소가 페이지 로드가 시작된 후 표시되는 데 걸리는 시간을 측정합니다.
- 다음 페인트에 대한 상호작용 (INP)은 상호작용, 즉 페이지가 사용자 상호작용에 얼마나 빠르게 반응하는지 측정합니다. 광고가 많이 로드되면 INP에 부정적인 영향을 미칠 수 있습니다.
- 누적 레이아웃 이동(CLS)은 시각적 안정성을 측정합니다. 페이지 레이아웃이 이동하는 정도를 측정하여 페이지가 사용자에게 불안정하고 예측할 수 없는 것처럼 느껴지게 합니다. 게시자가 광고 슬롯에 충분한 공간을 예약하지 않으면 광고로 인해 레이아웃이 불안정해질 수 있습니다.
여러 사례 연구에 따르면 Core Web Vitals가 비즈니스에 직접적인 영향을 미친다는 사실이 입증되었습니다. 이러한 연결은 이러한 측정항목을 최적화하는 것이 얼마나 중요한지 강조하므로 게시자에게 매우 중요합니다. 게시자와 관련된 주요 질문은 다음과 같습니다.
- Core Web Vitals 측정항목을 개선하면 광고 노출수와 광고 수익에 긍정적인 영향을 미치나요?
- 광고 노출수 또는 광고 수익 측면에서 상위 사이트는 Core Web Vitals와 비교하여 어떤 실적을 거두고 있나요?
Google Ad Manager를 광고 플랫폼으로 사용하고 Google 콘텐츠용 애드센스를 광고 네트워크로 사용하는 게시자는 Google 애널리틱스 4 (GA4)와 함께 사용자 행동을 분석하는 경우 이러한 Google 도구를 사용하여 Core Web Vitals와 광고 수익 간의 상관관계를 설정할 수 있습니다. Core Web Vitals가 낮다는 것은 사이트가 느려서 요소와 광고가 느리게 로드된다는 의미입니다. 사용자가 페이지를 나가기 전에 광고 로드가 완료되지 않으면 노출이 누락되고 게시자에게 수익금이 지급되지 않을 수 있습니다. 게시자는 이러한 플랫폼을 사용하여 Core Web Vitals를 개선하여 어떻게 광고 노출수와 광고 수익을 높일 수 있는지에 대한 유용한 정보를 얻을 수 있습니다.
광고 측정항목으로 Core Web Vitals 필드 데이터 모니터링
게시자는 Core Web Vitals를 모니터링할 때는 필드 데이터를 사용하는 것이 좋습니다. 실시간 사용자 모니터링(RUM) 솔루션을 구현하지 않은 게시자의 경우 Chrome 사용자 환경 보고서(CrUX)는 이전 필드 데이터를 분석하는 데 유용한 리소스입니다. CrUX는 적합한 웹사이트에서 Core Web Vitals를 즉시 파악할 수 있는 유용한 정보를 제공하지만 더 자세한 데이터를 제공할 수 있는 전용 RUM 솔루션을 대체한다고 생각해서는 안 됩니다.
게시자는 Google 애널리틱스 4(GA4)를 중앙 허브로 사용하여 핵심 웹 Vitals 필드 데이터를 Ad Manager 및 애드센스의 광고 실적 측정항목과 연결할 수 있습니다. 작동 원리는 다음과 같습니다.
- 게시자는 핵심 성능 필드 데이터를 GA4 속성으로 전송하여 Real User Monitoring(RUM)을 구현합니다.
- Google Ad Manager 또는 Google 애드센스의 데이터가 GA4로 푸시됩니다.
- 필요한 데이터가 GA4에 저장되면 나중에 Looker Studio 대시보드를 사용하여 데이터를 시각화하여 Core Web Vitals와 광고 수익의 상관관계를 나타낼 수 있습니다.
설정 방법에 관한 자세한 안내는 이 Codelab을 따르세요. 다음 그림은 구현 단계의 개요입니다.
Core Web Vitals 필드 데이터를 GA4로 전송
이 프로세스는 웹사이트 방문자로부터 필드 데이터를 수집하는 것으로 시작됩니다. Google의 web-vitals JavaScript 라이브러리를 사용하면 모든 Core Web Vitals에 관한 정보를 수집할 수 있습니다. 이를 기반으로 다음과 같은 다양한 방식으로 GA4에 데이터를 전송할 수 있습니다.
- 사이트에서 직접 Google 태그 코드 스니펫을 사용하는 경우 web-vitals 라이브러리를 사용하여
gtag()함수를 통해 필드 데이터를 전송할 수 있습니다. - Google 태그 관리자를 사용하는 경우 이 웹 Vitals 템플릿을 사용하여 시작할 수 있습니다. 태그 템플릿은 web-vitals 라이브러리를 제공하고 필드 데이터를 수집합니다. 또한 기여 분석 빌드를 로드하는 등 템플릿을 개별적으로 구성할 수도 있습니다. 태그 템플릿을 사용하고 설치하는 방법에 관한 안내는 이 Codelab을 참고하세요.
GA4에 Google Ad Manager 및 Google 애드센스 데이터 가져오기
두 번째 단계는 Google Ad Manager 및 Google 애드센스에서 GA4로 광고 실적 데이터를 전송하는 것입니다. 다행히 GA4는 이러한 광고 솔루션과의 통합을 제공합니다. 이렇게 하면 Ad Manager와 애드센스가 Google 애널리틱스와 통신할 수 있습니다. 통합을 설정하면 GA4 속성에서 광고 관련 측정항목과 측정기준을 확인할 수 있습니다.
Looker Studio를 사용한 데이터 시각화
처음 두 단계를 완료하면 Looker Studio 대시보드 템플릿을 사용하여 Looker Studio의 GA4 커넥터를 통해 핵심 웹 바이탈 필드 데이터와 광고 관련 데이터의 두 소스에서 가져온 데이터를 시각화할 수 있습니다.
대시보드를 사용하려면 다음 단계를 따라야 합니다.
- 이 Looker Studio 대시보드를 엽니다. 샘플 데이터를 가져오려면 기간을 2024년 8월 24일~2024년 8월 31일로 선택합니다.
- 대시보드를 복사합니다.
- GA4 속성을 선택하여 데이터 소스를 업데이트합니다.
대시보드 템플릿이 작동하려면 Core Web Vitals 이벤트를 특정 문법 및 이름 지정 규칙을 사용하여 GA4로 전송해야 합니다. GitHub의 Google 태그 관리자 템플릿 가이드를 사용하면 이 요구사항을 충족할 수 있습니다. 또는 필요에 따라 대시보드를 맞춤설정할 수 있습니다.
Core Web Vitals가 비즈니스에 미치는 영향 분석
Looker Studio 대시보드에는 GA4 데이터를 기반으로 하는 세 개의 페이지가 제공됩니다. 또한 날짜 선택기와 기기 카테고리 필터라는 두 가지 구성 컨트롤이 포함되어 있습니다. 이를 통해 데스크톱과 모바일 실적을 비교하여 웹사이트의 코어 웹 바이탈을 분석할 수 있습니다.
1단계: Core Web Vitals 개요
첫 번째 페이지에서는 코어 웹 바이탈에 대해 대략적으로 설명합니다. 대시보드의 각 카드는 단일 Core Web Vitals 측정항목을 나타냅니다. 막대 그래프에는 선택한 기간의 전반적인 점수 외에도 이전 데이터를 기반으로 한 일일 분포가 표시됩니다. 파란색 가로선은 75번째 백분위수 점수를 나타냅니다.
이 페이지에서는 다음과 같은 몇 가지 질문에 답변하는 데 도움이 됩니다.
- 내 사이트의 LCP, INP, CLS 측정항목은 어떤 등급인가요?
- 사이트의 코어 웹 바이탈 실적은 이전에 어떠했나요?
- 모바일과 비교하여 데스크톱의 Core Web Vitals 등급은 어떻게 되나요?
페이지 2: Core Web Vitals 및 광고 수익
두 번째 페이지에는 Google Ad Manager 및 Google 애드센스와 GA4의 통합에서 가져온 데이터가 포함됩니다.
- 파란색 선은 Core Web Vitals 측정항목 등급을 나타내고 회색 막대는 광고 솔루션에서 제공한 광고 수익을 나타냅니다.
- 파란색 선이 빨간색 가로선 위에 있으면 Core Web Vitals 평점이 '나쁨'입니다.
- 파란색 선이 녹색 가로선 아래에 있으면 코어 웹 바이탈 평가가 '좋음'입니다.
- 파란색 선이 빨간색과 녹색 선 사이에 있으면 Core Web Vitals 평가에서 '개선이 필요함'입니다.
이 페이지에서는 'Core Web Vitals 등급과 광고 수익 간에 상관관계가 있나요?'라는 질문에 답변할 수 있습니다.
3페이지: Core Web Vitals 페이지 세부정보 보고서
세 번째 페이지에서는 URL 수준에서 실적을 분석할 수 있습니다. 페이지 조회수, 광고 노출수, 광고 수익 또는 RPM을 기준으로 상위 페이지의 Core Web Vitals 데이터를 확인할 수 있습니다. 이를 통해 광고 수익이 높지만 Core Web Vitals 등급이 낮은 페이지를 빠르게 식별할 수 있습니다.
Core Web Vitals 등급을 개선하는 방법
앞에서 언급한 Google 도구를 사용하여 Core Web Vitals와 광고 관련 측정항목을 비교할 수 있습니다. 이러한 통계를 활용하면 가장 중요한 페이지에 집중할 수 있습니다. 비즈니스 영향을 입증하기 위해 게시자는 코어 웹 바이탈 등급을 개선하기 위해 다양한 일반 및 광고별 조치를 취할 수 있습니다. 다음은 각 Core Web Vitals 측정항목을 최적화하기 위한 가이드와 광고 관련 최적화 가이드의 리소스 목록입니다.
- LCP 최적화
- INP 최적화
- CLS 최적화
- 페이지 속도에 영향을 주지 않고 광고를 효과적으로 로드
- Google 게시자 태그에 대한 일반적인 권장사항
- Google 게시자 태그를 사용할 때 레이아웃 변경 최소화하기
결론
이 게시물에서는 동일한 시스템(GA4)에 Core Web Vitals 필드 데이터와 광고 관련 측정항목을 보유하는 것이 얼마나 중요한지 보여줍니다. 다양한 Google 도구를 함께 사용하면 Core Web Vitals 데이터를 효과적으로 로드하고 광고 관련 측정항목과 연결할 수 있습니다. 이를 통해 게시자는 사이트의 LCP, INP, CLS 등급 및 이러한 측정항목이 광고 수익에 미치는 영향을 파악할 수 있습니다. 이 데이터를 시각화하면 유용한 정보를 얻고 사용자 경험과 광고 수익을 모두 개선할 수 있는 정보에 입각한 데이터 기반 결정을 내릴 수 있습니다.