애드센스 멀티플렉스 광고 레이아웃 설정하기: 텍스트 및 이미지 ㅣ 행 및 열 수 지정

 

애드센스 멀티플렉스 광고 레이아웃 설정하기: 텍스트 및 이미지 ㅣ 행 및 열 수 지정

 

1. 멀티플렉스 광고 단위의 텍스트 및 이미지 정렬

 

레이아웃 매개변수(data-matched-content-ui-type)를 사용하면 멀티플렉스 광고 단위의 텍스트 및 이미지 정렬을 설정할 수 있습니다. 예를 들어, 이미지와 텍스트를 나란히 표시하거나 이미지를 텍스트 위에 표시하는 등 정렬 방식을 선택할 수 있습니다.

 

사용할 수 있는 레이아웃 옵션은 다음과 같습니다.

 

이미지와 텍스트 나란히 표시

이 레이아웃에서는 이미지와 텍스트가 나란히 표시됩니다. 이 레이아웃을 선택하려면 광고 코드에 data-matched-content-ui-type="image_sidebyside" 매개변수를 추가하세요.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-ui-type="image_sidebyside"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

애드센스 멀티플렉스 광고 레이아웃 설정하기: 텍스트 및 이미지 ㅣ 행 및 열 수 지정

 

 

 

 

카드와 함께 이미지 및 텍스트 나란히 표시

 

이 레이아웃에서는 카드 안에 이미지와 텍스트가 나란히 표시됩니다. 이 레이아웃을 선택하려면 광고 코드에 data-matched-content-ui-type="image_card_sidebyside" 매개변수를 추가하세요.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-ui-type="image_card_sidebyside"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

텍스트 위에 이미지 표시

카드와 함께 텍스트 위에 이미지 표시

텍스트만 표시

카드와 함께 텍스트 표시

 

2. 멀티플렉스 광고 단위에서 행 및 열 수 지정하기


멀티플렉스 광고 단위 내 광고는 그리드로 정렬됩니다. 그리드에 표시하려는 행과 열의 수를 지정할 수 있습니다. 예를 들어 멀티플렉스 광고 단위를 2x2 정사각형, 4x1 열 등으로 설정할 수 있습니다.

행의 수는 data-matched-content-rows-num 매개변수를 사용해서 설정하고 열의 수는 data-matched-content-columns-num 매개변수를 사용해서 설정합니다. 두 매개변수와 data-matched-content-ui-type을 함께 설정해야 합니다.

 

참고:
설정할 수 있는 행과 열의 수와 관련해 몇 가지 제한사항이 있습니다. 멀티플렉스 광고 단위의 총 광고 수는 1~30 사이여야 합니다. 광고를 1개 미만 또는 30개 이상으로 제한하려고 하면 멀티플렉스 광고 단위가 공백으로 표시됩니다.
때로는 지정한 행 또는 열의 정확한 개수가 표시되지 않을 수 있습니다. 예를 들어 많은 수의 열을 설정했지만 멀티플렉스 광고 단위의 폭이 열을 모두 표시하기에 좁은 경우입니다. 이 경우 광고가 정해진 공간에 맞게 표시되도록 행 또는 열 수를 조정하여 우수한 사용자 환경을 제공합니다.

 



행과 열의 예

 

4x1(모바일 및 데스크톱)
이 코드 예에서는 4개의 행과 1개의 열로 총 4개의 광고를 표시하는 멀티플렉스 광고 단위를 생성하는 방법을 보여줍니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"
     data-matched-content-ui-type="image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

2x2(모바일 및 데스크톱)

 

이 코드 예에서는 2개의 행과 2개의 열로 총 4개의 광고를 표시하는 멀티플렉스 광고 단위를 생성하는 방법을 보여줍니다.

 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="2"
     data-matched-content-columns-num="2"
     data-matched-content-ui-type="image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

 

3x3(모바일 및 데스크톱)


이 코드 예에서는 3개의 행과 3개의 열로 총 9개의 광고를 표시하는 멀티플렉스 광고 단위를 생성하는 방법을 보여줍니다.

 

script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
     data-matched-content-ui-type="image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

반응형 사이트용 4x1(모바일) 및 2x2(데스크톱)


다음 예제 코드는 모바일에서 4x1 그리드와 데스크톱에서 2x2 그리드로 멀티플렉스 광고 단위를 생성하는 방법을 보여 줍니다. 반응형 사이트의 경우 이 설정을 사용하는 것이 좋습니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="4,2"
     data-matched-content-columns-num="1,2"
     data-matched-content-ui-type="image_stacked,image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 

 

문제 해결
멀티플렉스 광고 단위를 맞춤설정한 후에 예상한 대로 표시되지 않을 수도 있습니다. 다음은 멀티플렉스 광고 단위와 관련된 일반적인 문제와 해결 방법입니다.

 

멀티플렉스 광고 단위가 비어 있음
이 문제는 다음과 같은 두 가지 원인 때문에 발생할 수 있습니다.

멀티플렉스 광고 단위의 총 광고 수가 1개 미만이거나 30개 이상입니다. 총 광고 수가 한도를 초과하지 않도록 멀티플렉스 광고 단위에서 행 또는 열 수를 변경해야 합니다.
멀티플렉스 광고 단위의 폭이 너무 넓어서 설정한 광고 수에 맞지 않습니다. 이 경우 멀티플렉스 광고 단위의 폭을 줄여야 합니다.

 

멀티플렉스 광고 단위에 광고가 예상보다 적게 표시됨
이 문제는 지정한 광고 수를 정확하게 표시할 수 있는 공간이 부족할 때 발생할 수 있습니다. 예를 들어 많은 수의 광고를 설정했는데 멀티플렉스 광고 단위가 폭이 너무 좁거나 작은 화면에 표시되고 있는 경우입니다. 이 경우 정해진 공간에 맞춰 행 또는 열의 수가 조정됩니다. 멀티플렉스 광고 단위의 폭을 변경하거나 모바일과 데스크톱의 행과 열의 수를 다르게 설정해 보세요.

 

광고에 텍스트만 표시됨
멀티플렉스 광고 단위가 설정한 광고 수에 비해 폭이 너무 좁은 경우 이 메시지가 표시될 수 있습니다. 이 경우 멀티플렉스 광고 단위의 폭을 늘려야 합니다.

 

https://support.google.com/adsense

kcontents

댓글()