KeiStory

728x90
반응형

AMP 사이트에 게재되는 자동광고 설정하기

 
AMP(Accelerated Mobile Pages) 자동광고는 구글이 제공하는 AMP 페이지용 광고 솔루션입니다.

이 기술은 모바일 기기에서 웹페이지의 로딩 속도를 빠르게 하기 위해 개발되었으며, AMP 자동광고는 이러한 빠른 로딩 환경에서 효율적으로 광고를 표시하는 방법을 제공합니다.

 

AMP 자동광고의 주요 특징

자동 최적화: AMP 자동광고는 페이지 콘텐츠와 사용자 경험을 분석하여 최적의 위치와 시기에 광고를 자동으로 표시합니다. 이는 수동으로 광고 위치를 설정할 필요가 없다는 것을 의미합니다.

페이지 속도 유지: AMP는 페이지 로딩 속도를 매우 중요하게 여기므로, AMP 자동광고는 페이지의 로딩 시간을 저하시키지 않도록 설계되었습니다.

사용 편의성: AMP 자동광고는 설정이 간단하며, 웹사이트 관리자들이 쉽게 구현할 수 있습니다. 일반적으로 AMP 페이지에 특정 JavaScript 코드를 삽입하기만 하면 됩니다.

수익성: AMP 페이지에서의 광고 표시는 사용자 경험을 해치지 않으면서도 웹사이트 소유자에게 수익을 창출할 수 있는 방법을 제공합니다.
 


광고로 인해 콘텐츠 로딩이 늦어지면 검색하여 들어온 사용자가 이탈할 가능성이 커집니다.

하지만 AMP 사이트에 해당 자동광고를 적용하게되면

광고로 인한 지연로딩이 발생되지 않으므로 이탈을 방지할 수 있습니다.


 
하지만 이름에서 알수 있듯이 AMP 사이트에만 사용할 수 있습니다.

즉, AMP 규칙에 맞게 사이트가 구성된 경우에만 해당되는 것입니다.

결론적으론 티스토리에서는 의미가 없습니다.

그러므로 티스토리에서는 설정해도 아무런 변화가 없습니다. 

 

하지만 워드프레스나 개인이 직접 구성한 사이트가 AMP 설정이 되어있다면 적용이 가능합니다.

적용 방법은 아래 티스토리 적용 방법을 참고하면됩니다.

 

설정하는 방법은 아래와 같습니다.

(티스토리가 말도없이 AMP 포멧 사이트로 업데이트 해 줄지도 모르니.^^;)
 

1. 애드센스 사이트 접속 및 AMP 코드 획득

애드센스 사이트에서 광고 메뉴를 클릭합니다.

화면에서 우측에 AMP 사이트가 있으신가요? 버튼을 클릭합니다.

아래의 창이 나오면 AMP용 자동 광고 를 활성화합니다.

위 그림의 좌측 아래에 AMP  코드 보기를 클릭하면 아래와 코드가 나옵니다.

1단계 2단계 둘 다 복사합니다.
 

2. 티스토리 적용

꾸미기 > 스킨편집 메뉴를 클릭합니다.

html 편집을 클릭합니다.

<head> </head> 테그 사이에 1단계 script 코드 문을 붙여 넣기 합니다.

<body> </body> 테그 사이에 2단계 코드를 붙여 넣기 합니다.

적용완료입니다.
 
 
참고
https://developers.google.com/search/blog/2016/09/what-is-amp?hl=ko

 

AMP란 무엇인가요?  |  Google 검색 센터 블로그  |  Google for Developers

 

developers.google.com

 

728x90
반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band