--- title: "Usando o web SDK com AMP" slug: "web-sdk-for-amp-pages" updated: 2026-06-12T10:30:51Z published: 2026-06-12T10:30:51Z canonical: "docs.xtremepush.com/web-sdk-for-amp-pages" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt > Use this file to discover all available pages before exploring further. # Usando o web SDK com AMP Guia para implementar o Xtremepush SDK em páginas AMP AMP, ou Accelerated Mobile Pages, é um projeto apoiado pelo Google que utiliza uma versão simplificada e leve do HTML para permitir conteúdo mais rápido para usuários móveis. O guia a seguir mostrará como você pode assinar notificações push usando o Xtremepush Web SDK em uma página de AMP. Você deve ser capaz de hospedar os arquivos necessários no seu site com HTTPS. ## Adicionar o plugin web-push Na página `HEAD` incluam o script AMP web-push: ```xml ``` Adicione o seguinte à página `BODY`, substituindo `YOUR_DOMAIN` pelo domínio real do seu site para referenciar os arquivos que você adicionará a seguir: ```xml ``` ## Adicionar arquivos necessários Agora precisamos adicionar os vários arquivos mencionados acima. ### helper-frame.html Esta é a página em que vamos adicionar o código de integração do Xtremepush SDK. Então você precisará pegar isso na seção de integração do SDK na plataforma Xtremepush. Seu código ficará assim: ```xml ``` ### permission-dialog.html Adicione o seguinte arquivo HTML ao seu diretório raiz: ```xml      
   
``` ### service-worker.js Adicione o código do assistente de serviço encontrado na página de integração do SDK navegando até **Configurações > Apps e sites >** clique no site correspondente **> Configurar Push**. Encontre um exemplo do código abaixo. > [!NOTE] > **O script para o arquivo do trabalhador de serviço só será exibido nas Configurações de Push se você tiver selecionado a opção Usar Domínio Auto-hospedado, mas o trabalhador de serviço é necessário para a integração com AMP.** ```javascript importScripts(decodeURIComponent(  location.search.substring(location.search.indexOf('ref=')+4) )); ``` ## Incitação Se o autoprompting estiver desativado, você pode solicitar o usuário pela sua página AMP chamando `tap:amp-web-push.subscribe`. Por exemplo, um botão com essa ação: ```xml ```