Como personalizar os botões Sticky Share (Imagem, URL, e mais)
Procura personalizar o título, descrição, imagem, ou URL que é exibido quando um utilizador partilha conteúdo no seu sítio web? Veio ao sítio certo! (Se quiser aprender como personalizar os seus Botões de Partilha Inline, vá aqui)
Muitas vezes, o Protocolo Gráfico Aberto As etiquetas irão preencher esta informação com conteúdo da sua página, mas pode adaptá-la de forma a torná-la mais relevante se não estiver a extrair a informação que pretende. Por exemplo, se um usuário compartilhar sua página inicial, você pode querer adicionar uma imagem do seu produto ou fornecer uma descrição mais convincente.
Due to the way Sticky Share Buttons are designed (i.e. they don’t need a placement code) you will need to manually add the following code inside the <body> of your site, preferably before the closing of the </body> tag (our script will deal with moving the div where it needs to go):
<strong>Properties in <div> tags</strong>
Depending on whether you want to simply set a universal URL or shortened URL, add the following tags in the tool placement code <strong><div class=”sharethis-sticky-share-buttons”></div></strong>.
| rede de dados | Especifica a plataforma social para a qual o conteúdo será partilhado |
| azulamento de dados | Especifica o URL (pode ser abreviado) que você gostaria de compartilhar |
| data-short-url | Especifica um URL abreviado que pode ser usado em conjunto com o dataurl |
| título de dados | Especifica o título que gostaria de partilhar (o assunto do e-mail em alguns canais de e-mail) |
| imagem de dados | Especifica o link para a imagem que você gostaria de exibir no conteúdo compartilhado |
| descrição de dados | Especifica o texto de resumo/descrição que deseja compartilhar |
| data-username | Especifica o seu nome de usuário no Twitter |
| mensagem de dados | Especifica o corpo da cópia das ações de e-mail |
| data-email-subject | Especifica o assunto do e-mail |
Exemplo: Este botão está configurado para compartilhar a página inicial ShareThis com o título "Sharing is great!" (Compartilhar é ótimo!)
Notas
- Esta personalização não está disponível para todos os canais sociais. Por exemplo, o Facebook pode utilizar sempre og: meta tags para o URL em vez destes valores.
- O atributo dataurl ajudá-lo-á a definir um URL específico (apesar da página que os utilizadores estão a partilhar) ou a adicionar uma ligação rastreada.
- A contagem de partilhas pode não ser registada, uma vez que o URL partilhado é diferente do URL em que se encontram os botões.
Ordem de Precedência
É importante lembrar a ordem de precedência pela qual o código ShareThis processa propriedades compartilhadas. Geralmente, recomendamos usar uma abordagem pela qual as propriedades de compartilhamento são especificadas em suas páginas para evitar erros.
- Qualquer propriedade JavaScript dinamicamente especificada (i.e. precedência máxima)
- Propriedades especificadas nas etiquetas (ou seja, segunda precedência)
- Etiquetas de Protocolo Gráfico Aberto (ou seja, menor precedência)