Add advanced AMP features

이번 튜토리얼에서는 AMP 기초에 대한 이해를 바탕으로 AMP가 광고, 분석, 임베디드 동영상, 소셜 미디어 통합, 캐러셀 등을 처리하는 방식을 설명합니다. 튜토리얼을 완료하면 이러한 기능이 포함된 모바일 뉴스 기사를 작성할 수 있습니다.
학습할 내용:
amp-ad
를 사용하여 광고 표시- YouTube 동영상, Twitter 카드, 반응형 텍스트 요소 삽입
amp-carousel
을 사용하여 이미지와 콘텐츠의 조합으로 캐러셀 제작amp-analytics
를 사용하여 간단한 패턴 추적amp-sidebar
를 사용하여 사이트 탐색 기능 추가- AMP에서 사용자 지정 글꼴 사용
제작할 항목:
AMP 사양에 부합하고 광고, 분석, 임베디드 동영상, 임베디드 소셜 미디어, 캐러셀 및 사이트 탐색 메뉴를 포함하는 뉴스 기사 페이지
참고 – 이 튜토리얼은 "HTML을 AMP로 변환"에서 소개된 개념과 이어지는 내용을 다룹니다. AMP의 핵심 개념에 대한 기본적 이해가 없는 경우, "HTML을 AMP로 변환"을 먼저 살펴보세요.