Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

amp-pixel

Description

페이지 조회수를 계산하는 추적 픽셀입니다.

Supported Layouts

설명 페이지 조회수를 계산하는 일반 추적 픽셀로 사용할 수 있습니다.
지원되는 레이아웃 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>

애널리틱스 요청의 리퍼러 헤더에서 AMP URL을 처리할 때 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로 이동하기