애드센스 멀티플렉스 광고 PC, 모바일 다르게 설정하는 법(반응형)

---

애드센스 멀티플렉스 광고 PC, 모바일 다르게 설정하는 법(반응형)

---

멀티플렉스 광고란?

멀티플렉스 광고는 광고 단위 내의 그리드에 여러 광고를 게재하는 네이티브 광고 형식입니다. 이 형식은 맞춤설정이 가능하므로 사이트에 맞게 스타일을 변경할 수 있습니다.

게시자는 멀티플렉스 광고 단위를 기사의 끝부분이나 사이드바에 배치하는 경우가 많습니다. 이는 사용자의 페이지 또는 사이트 탐색 여정의 끝에서 효과적으로 수익을 창출할 수 있기 때문입니다. 멀티플렉스 광고 단위를 사용하면 콘텐츠 소비를 마친 사용자를 대상으로 광고를 게재할 수 있습니다.
출처:멀티플렉스 광고 소개

---

반응형 멀티플렉스 광고 단위를 맞춤 설정하는 방법

레이아웃 변경(data-matched-content-ui-type)

• 이미지와 텍스트 나란히 표시(image_sidebyside)
  
• 카드와 함께 이미지 및 텍스트 나란히 표시(image_card_sidebyside)
  
• 텍스트 위에 이미지 표시(image_stacked)
  
• 카드와 함께 텍스트 위에 이미지 표시(image_card_stacked)
  
• 텍스트만 표시(text)
  
• 카드와 함께 텍스트 표시(text_card)
  

행 및 열 수 지정하기(data-matched-content-rows-num, data-matched-content-columns-num)

• data-matched-content-rows-num      =”4,2″
  data-matched-content-columns-num =”1,2″

  

  

출처:반응형 멀티플렉스 광고 단위를 맞춤설정하는 방법

---

실제 적용 예시

전 PC에선 2행 4열, 카드와 함께 텍스트 위에 이미지 표시,
모바일에선 1행 1열, 카드와 함께 이미지 및 텍스트 나란히 표시로 설정했습니다.

 

---

코드 공유

멀티플렉스 광고 코드 ins 안에 붙여넣기 하시면 됩니다.

추천 글
애드센스 광고 단위 코드 가져오는 법

실제 적용 예시 적용 코드

<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-개인 애드센스 코드”
crossorigin=”anonymous”></script>
<ins class=”adsbygoogle”
style=”display:block”
data-ad-format=”autorelaxed”
data-ad-client=”ca-pub-개인 애드센스 코드”
data-matched-content-rows-num=”1,2″
data-matched-content-columns-num=”1,4″
data-matched-content-ui-type=”image_card_sidebyside, image_card_stacked”
data-ad-slot=”ad slot 코드”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

코드 설명

data-matched-content-rows-num=”모바일 행 수 , PC 행 수”
data-matched-content-columns-num=”모바일 열 수, PC 열 수”
data-matched-content-ui-type=”모바일 레이아웃, PC 레이아웃”

---

끝으로

오늘 글은 여기까지입니다. 읽어주셔서 감사합니다.