Рендеринг различного контента на AMP в зависимости от устройства (iPhone или Android)

Question

Я хочу создавать динамический контент в зависимости от устройства пользователя.

Например, если пользователь просматривает версию AMP на моем веб-сайте, используя iPhone, ссылка на скачивание моего приложения должна выглядеть так: Скачать для iPhone (href = ссылка в магазине приложений)

Однако, если пользователь просматривает с помощью устройства Android, я хотел бы сделать ссылку для загрузки приложения следующим образом: Скачать для Android (href = ссылка на Google Play)

Проблема в том, что AMP-страницы кэшируются, и я не знаю, как визуализировать содержимое динамически в зависимости от типа устройства.

Answer 1

вы можете использовать этот плагин, чтобы обнаружить устройство и затем загрузить правильный контент AMP в зависимости от типа устройства (IOS / Android).

Mobile-Detect

Answer 2

Здесь - пример использования amp-access. В запросе на авторизацию вы можете получить доступ к user-agent, поэтому здесь будет указываться тип устройства В этом примере он в основном проверяет наличие андроида в / deviedetection, если нет, то возвращает iPhone.

Answer 3

ИМХО, вы можете достичь этого, используя amp-access. Если вы можете идентифицировать устройство по user-agent в запросе authorization из amp-access и установить флаг в своем amp-access ответе AUTHDATA, то вы можете условно отобразить кнопку.