Botão Salvar
O plugin do botão Salvar está obsoleto. O recurso permanecerá operacional e acessível até 15 de setembro de 2022. Após esse período, o plugin será descontinuado e não funcionará mais.
Com o botão Salvar, as pessoas podem salvar itens ou serviços em uma lista privada no Facebook, compartilhar esse conteúdo com os amigos e receber notificações relevantes. Por exemplo, o usuário pode salvar o link de uma peça de roupa ou de uma viagem que planeja fazer e voltar a essa lista para comprar no futuro. Ele também pode receber uma notificação quando o item estiver em promoção.
Configurador do botão SalvarExemplo de códigoConfiguraçõesPasso a passo
1. Escolher o link do site
Selecione o link do site que você quer usar com o botão Salvar.
2. Usar o configurador de código
Cole o link no configurador de código e clique em Obter código para gerar o código do botão Salvar.
3. Copiar e colar o trecho de código no HTML
Copie e cole o trecho no HTML do site de destino.
Exemplo de código completo
Copie e cole o exemplo de código no seu site. Mude o valor de data-uri para o link do seu site. Depois, use a tag <title> para ajustar o título "salvo".
<html>
<head>
<title>Your Website Title</title>
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your save button code -->
<div class="fb-save"
data-uri="http://www.your-domain.com/your-page.html">
</div>
</body>
</html>
Experimente!Configurações
Além das configurações acima, também é possível realizar estas alterações:
| Configuração | Atributo HTML5 | Descrição | Padrão |
|---|---|---|---|
|
| O link absoluto da página que será salva. | Link/endereço atual |
|
|
|
|
Botão Salvar para produtos
Também é possível usar o botão Salvar para produtos.
1. Configurar o catálogo de produtos
Antes de usar o botão Salvar com os seus produtos, é preciso configurar um catálogo.
Um catálogo de produtos (também conhecido como feed de produtos) é uma lista de itens que você quer anunciar no Facebook. Os produtos da lista possuem atributos específicos que podem ser usados para gerar um anúncio, uma identificação, um nome, uma descrição, a URL da página de destino ou da imagem, a disponibilidade, entre outros.
Como criar um catálogo de produtosAnúncios de produtos dinâmicos do Facebook2. Identificar a API do Facebook
Acesse a aba Configurações do Painel de Aplicativos, adicione o "Site" da plataforma e forneça o domínio do seu site.
3. Carregar o SDK do JavaScript
Carregue o SDK do JavaScript usando o ID do aplicativo, conforme mostrado no exemplo abaixo. Substitua {your-app-id} pelo ID do aplicativo.
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId={your-app-id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>4. Obter o URI do produto
Pelo Gerenciador de Negócios
Se optar pelo uso do botão Salvar para produtos, você precisará de duas informações: a identificação do catálogo de produtos e a identificação do item no feed de produtos.
- Entre na sua empresa no Gerenciador de Negócios.
- Acesse Configurações da empresa > Catálogo de produtos.
- Clique no catálogo de produtos que você quer usar para o plugin.
- Anote a identificação do catálogo de produtos que aparece sob o título do nome. No nosso exemplo, ela é
768856339915012. - A outra informação necessária é a identificação do item carregado no feed de produtos. Para ver exemplos do seu feed de produtos, clique na identificação do catálogo.
- Na parte superior da próxima página, clique em Feeds de produtos.
- Clique no feed com os itens que você quer usar.
- Na próxima página, você verá uma amostra de itens do feed. Para que o plugin identifique o produto, precisaremos da identificação do item no feed para cada produto.
- O URI do plugin segue o padrão
product://<catalog_id >/{retailer_id}. Por isso, o URI para o produto chamadoProduct #45no exemplo acima seria assim:product://768856339915012/45. A identificação do catálogo do produto foi gerada conforme a etapa 5.
Pela Graph API
Você pode obter o URI do produto por meio da Graph API. Ao carregar um ou vários itens de produtos, crie o seguinte formato de URL ao substituir <catalog_id> pela identificação do catálogo e <retailer_id> pela identificação do varejista:
product://<catalog_id>/<retailer_id>
Veja mais informações na documentação sobre item do produto.
5. Usar o URI do produto
No código do botão Salvar, use o URI do produto para data-uri. Por exemplo, para o URI do produto product://949817451770475/143791832, o código teria esta aparência:
<div class="fb-save" data-uri="product://949817451770475/143791832"> </div>
Visualização de itens salvos
Todos os links salvos são adicionados à visualização de itens Salvos. Eles podem ser encontrados em www.facebook.com/saved ou em Mais -> Salvos nos aplicativos para celular.
Exemplo
Como mudar o idioma
É possível alterar o idioma do botão Salvar carregando uma versão localizada do SDK do Facebook para JavaScript. Ao carregar o SDK, altere o valor de js.src para usar a sua localidade. Substitua en_US pela sua localidade, por exemplo, fr_FR para usar francês (França):
js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
As localidades compatíveis estão listadas no arquivo XML de localidades do Facebook.
Talvez você tenha que ajustar a largura do Plugin Social para incluir idiomas diferentes. Para saber mais, consulte nossa página Localização e tradução.