AMP

Добавление расширенных функций AMP

Completed news article

В этом уроке вы приобретете понимание основ AMP и узнаете, как AMP обрабатывает рекламу, функции аналитики, встроенные видео, интеграцию с социальными сетями, кольцевые галереи и многое другое. К концу этого урока вы создадите новостную статью для мобильных устройств, в которой используются все перечисленные выше функции.

Вы научитесь:

  • Показывать рекламу с помощью amp-ad
  • Встраивать видео с YouTube, карточки Twitter и адаптивные текстовые элементы
  • Создавать кольцевые галереи с изображениями и комбинированным контентом с помощью amp-carousel
  • Отслеживать простые паттерны с помощью amp-analytics
  • Добавлять навигацию по сайту на свою страницу с помощью amp-sidebar
  • Использовать внешние шрифты в AMP

Что у вас получится в итоге:

Страница новостной статьи, которая соответствует спецификациям AMP и содержит рекламу, функции аналитики, встроенное видео, встроенные социальные сети, кольцевые галереи и меню навигации по сайту.

ПРИМЕЧАНИЕ. В этом уроке мы продолжаем рассмотрение концепций, представленных в уроке Преобразование HTML в AMP. Если у вас еще нет базового представления об основных концепциях AMP, пройдите урок Преобразование HTML в AMP.