amp-pixel
설명 | 페이지 조회수를 계산하는 일반 추적 픽셀로 사용할 수 있습니다. |
지원되는 레이아웃 | fixed, nodisplay |
예 | AMP By Example의 amp-pixel 예를 참조하세요. |
동작
amp-pixel
구성요소는 단순 추적 픽셀 img
와 같이 동작합니다. 이 구성요소에서는 하나의 URL을 사용하지만, 요청할 때 URL 문자열에서 구성요소로 대체될 수 있는 변수를 제공합니다. 자세한 내용은 대체 섹션을 참조하세요.
이 기본 예에서는 amp-pixel
에서 지정된 URL에 간단한 GET 요청을 실행하고 결과는 무시합니다.
<amp-pixel src="https://foo.com/tracker/foo"
layout="nodisplay"></amp-pixel>
usqp
매개변수를 제외하거나 무시하세요. 이 매개변수는 Google이 Google AMP 캐시에 대한 실험을 트리거하는 데 사용됩니다. 속성
src(필수)
https
프로토콜이어야 하는 원격 엔드포인트의 단순 URL입니다.
referrerpolicy(선택사항)
이 속성은 <img>
의 referrerpolicy
속성과 비슷하지만 no-referrer
값만 허용됩니다. referrerpolicy=no-referrer
가 지정된 경우 HTTP 요청에서 referrer
헤더가 삭제됩니다.
<amp-pixel src="https://foo.com/tracker/foo"
layout="nodisplay"
referrerpolicy="no-referrer"></amp-pixel>
allow-ssr-img(선택사항)
이 속성을 AMP4ADS 광고 소재에 사용하면 사후 유효성 검사 변환의 일부로 img 요소를 amp-pixel 요소에 직접 둘 수 있으므로, AMP 런타임 가져오기/실행과 동시에 ping을 전송할 수 있습니다. 즉, url에 있는 모든 매크로는 확장되지 않으므로 src에 없는 경우에만 사용해야 합니다.
공통 속성
이 요소에는 AMP 구성요소로 확장된 공통 속성이 포함됩니다.
대체
amp-pixel
을 사용하면 모든 표준 URL 변수를 대체할 수 있습니다.
자세한 정보는 대체 가이드를 참조하세요.
다음 예에서는 https://foo.com/pixel?0.8390278471201
와 같은 사이트에 요청을 할 수 있으며 여기서는 노출할 때마다 RANDOM 값이 무작위로 생성됩니다.
<amp-pixel src="https://foo.com/pixel?RANDOM"
layout="nodisplay"></amp-pixel>
스타일 지정
amp-pixel
의 스타일은 지정되지 않아야 합니다.
유효성 검사
AMP 유효성 검사기 사양에서 amp-pixel 규칙을 참조하세요.
이 문서를 수십 번 읽었음에도 여전히 궁금한 점이 남아 있나요? 다른 개발자들도 같은 심정일지 모릅니다. Stack Overflow에서 소통해 보세요.
Stack Overflow로 이동 버그나 누락된 기능을 발견하셨나요?AMP 프로젝트는 여러분의 참여와 기여를 적극 환영합니다! 오픈 소스 커뮤니티를 통해 지속적으로 활동해 주셔도 좋지만 관심 있는 주제에 한 번만 기여하셔도 큰 도움이 됩니다.
GitHub로 이동하기