AMP

amp-addthis

Description

Exibe uma incorporação de ferramentas do site do AddThis.

 

Required Scripts

<script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>

Exemplos

Exibe uma incorporação das ferramentas do site do AddThis.

Script obrigatório <script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>
Layouts compatíveis fill, fixed, fixed-height, flex-item, nodisplay, responsive

Por que o AddThis?

O componente amp-addthis oferece botões de compartilhamento simples e bonitos. Faça com que os visitantes do seu site compartilhem conteúdo com facilidade em mais de 200 redes sociais, incluindo Messenger, WhatsApp, Facebook, Twitter, Pinterest e muitas outras.

O AddThis é usado por mais de 15 milhões de sites, com mais de dois bilhões de usuários únicos, que compartilham conteúdo no mundo todo, em mais de 60 idiomas.

Botões de compartilhamento

Flutuantes

Colocados nas laterais, na parte superior ou inferior da página, seguindo o leitor à medida que ele rola a página. Uma ótima maneira de promover o compartilhamento sem ficar muito "na cara".

Exemplo:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  height="92"
  layout="responsive"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="957l"
  data-widget-type="floating">
</amp-addthis>

In-line

Integre botões de compartilhamento ao seu conteúdo para ter uma experiência de compartilhamento ideal.

Exemplo:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  height="92"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="mv93"
  data-widget-type="inline">
</amp-addthis>

Atributos

data-pub-id O ID do editor do AddThis encontrado no URL do painel do AddThis após o login. Por exemplo, no URL https://www.addthis.com/dashboard#gallery/pub/ra-5c191331410932ff, ra-5c191331410932ff é o ID do editor.
data-widget-id O código do widget do AddThis para a ferramenta a ser exibida, também encontrado no painel do AddThis. O código do widget para uma ferramenta específica pode ser encontrado abrindo a ferramenta pelo painel do AddThis e copiando a última parte do URL. Por exemplo, no URL https://www.addthis.com/dashboard#tool-config/pub/ra-5c191331410932ff/widgetId/957l, 957l é o código do widget.
data-widget-type Atributo que descreve o tipo de widget.
  • Flutuante: data-widget-type="floating"
  • In-line: data-widget-type="inline"
data-title Opcional. Se for configurado, é o título que a ferramenta AddThis tentará compartilhar durante o compartilhamento. Se não for configurado, o título do documento que contém a tag amp-addthis será usado.
data-url Opcional. Se for configurado, é o URL que a ferramenta AddThis tentará compartilhar durante o compartilhamento. Se não for configurado, a propriedade location.href do documento que contém a tag amp-addthis será usada.
data-media Opcional. Se for configurado, é o URL de uma mídia (por exemplo, imagem ou vídeo) que a ferramenta AddThis tentará compartilhar durante o compartilhamento. Se não for configurado, isso ficará indefinido.
data-description Opcional. Se for configurado, é a descrição da página que a ferramenta do AddThis tentará compartilhar durante o compartilhamento. Se não for configurado, isso ficará indefinido.

Documentação de implementação

  1. Você precisará criar uma conta do AddThis em https://www.addthis.com/register, caso ainda não tenha feito isso. A criação de uma conta do AddThis é totalmente gratuita e permite que você acesse nosso conjunto completo de ferramentas de sites, bem como nossos relatórios de análise detalhados para entender melhor o tráfego social do seu site.
  2. Acesse seu painel e personalize seus botões de compartilhamento. No momento, as páginas AMP são compatíveis apenas com botões de compartilhamento flutuantes e in-line.
  3. Personalize seus botões de compartilhamento como quiser e pressione "activate tool". Isso redirecionará você para nossa página "Get The Code".
  4. Por fim, copie e cole o código in-line na seção do corpo da sua página onde você quer que os botões de compartilhamento apareçam. No caso dos botões de compartilhamento flutuantes, você pode colocar esse código em qualquer parte do corpo, porque ele aparecerá automaticamente no lado esquerdo ou direito da tela, dependendo de onde você o definiu nas configurações da ferramenta.

Pronto! Você verá os botões de compartilhamento aparecendo na sua página.

Confira nosso vídeo do YouTube para ver instruções passo a passo:

Validação

Consulte as regras do amp-addthis (em inglês) nas especificações do validador de AMP.

Privacidade

http://www.addthis.com/privacy/privacy-policy/

As ferramentas e a barra de ferramentas do AddThis coletam informações do dispositivo usado pelo usuário final para interagir com os sites do editor ou pelo usuário da barra de ferramentas para interagir com a barra de ferramentas do AddThis (coletivamente chamados de “Dados do AddThis”).

Os Dados do AddThis podem consistir nos seguintes itens:

  • Endereço de Protocolo de Internet (IP, na sigla em inglês); ID de publicidade móvel (MAID, na sigla em inglês), que permite aos desenvolvedores de apps para dispositivos móveis identificarem quem está usando os apps deles; ID do aplicativo móvel; tipo de navegador; idioma do navegador; tipo de sistema operacional; data e hora em que o usuário final acessou um site do editor ou uma barra de ferramentas.
  • O usuário que usou a barra de ferramentas.
  • O comportamento em um site do editor, por exemplo, por quanto tempo o usuário final visitou o site do editor, o comportamento de compartilhamento de conteúdo do usuário final em um site do editor e o comportamento de rolagem de um usuário final em um site do editor.
  • O URL de referência e a pesquisa na Web que o usuário final usou para localizar e navegar para um site do editor.
  • Palavras-chave inseridas na funcionalidade de pesquisa da barra de ferramentas do AddThis e quando o usuário da barra de ferramentas fez o download, instalou ou desinstalou a barra de ferramentas do AddThis, se aplicável.
  • Informações sobre a frequência com que um usuário final usa as ferramentas do AddThis e a frequência com que um usuário utiliza a barra de ferramentas do AddThis.
  • Dados de geolocalização derivados do endereço IP de um usuário final e de um usuário da barra de ferramentas.

Os Dados do AddThis serão tratados como informações pessoais na medida exigida pela legislação aplicável. Os editores são obrigados, de acordo com os Termos de Serviço do AddThis, a receber do usuário final todos os consentimentos e autorizações necessários e a dar todos os avisos necessários para o fornecimento dos Dados do AddThis coletados de usuários finais para a Oracle.

Suporte

Caso você tenha alguma dúvida ou precise de ajuda para implementar o AddThis em AMP, entre em contato com nossa equipe de suporte enviando um tíquete aqui ou enviando um e-mail para help@addthis.com.

Precisa de mais ajuda?

Você já leu este documento várias vezes, mas ainda ficou com dúvidas sem respostas? Talvez outras pessoas pensem da mesma forma. Procure entrar em contato com elas no Stack Overflow.

Ir para o Stack Overflow
Encontrou um bug ou sente falta de um recurso?

O projeto AMP incentiva fortemente sua participação e contribuições! Esperamos que você se torne um participante assíduo de nossa comunidade de código aberto, mas também agradecemos contribuições pontuais para problemas que você tenha particular interesse.

Ir para o GitHub