Pulsante Salva

Il plug-in del pulsante Salva è stato dichiarato obsoleto. Questo plug-in rimarrà operativo e accessibile fino al 15 settembre 2022. Dopo tale data, non sarà più disponibile né funzionante.

Il pulsante Salva consente agli utenti di salvare elementi o servizi in una lista privata su Facebook, di condividerli con gli amici e di ricevere notifiche pertinenti. Ad esempio, un utente può salvare un capo d'abbigliamento, un viaggio o un link a cui è interessato e consultare tale lista per usi futuri o ricevere una notifica quando quel capo o viaggio risulta in offerta promozionale.

Configuratore del pulsante Salva Esempio di codice Impostazioni

Istruzioni dettagliate

1. Scelta del link di un sito web

Scegli il link di un sito web che desideri utilizzare con il pulsante Salva.

2. Configuratore codice

Incolla il link nel configuratore codice e clicca sul pulsante "Ottieni il codice" per generare il codice del pulsante Salva.

3. Copia e inserimento dello snippet HTML

Copia e incolla lo snippet nell'HTML del sito web di destinazione.

Configuratore del pulsante Salva

Link di un sito Web o di un prodotto da salvare

Dimensioni pulsante

large

Ottieni il codice

Esempio di codice completo

Copia e incolla l'esempio di codice nel tuo sito web. Regola il valore data-uri in base al link del tuo sito web. Quindi usa il tag <title> per regolare il titolo "salvato".

<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>

Provalo!

Impostazioni

Oltre alle impostazioni precedenti, puoi anche modificare quelle indicate di seguito:

Impostazione	Attributo HTML5	Descrizione	Impostazione predefinita
`uri`	`data-uri`	Il link assoluto della pagina che verrà salvato.	Link/Indirizzo corrente
`lazy`	`data-lazy`	`true` implica l'utilizzo del meccanismo di lazy-loading del browser impostando l'attributo iframe `loading="lazy"`. Ne consegue che il browser non esegue il rendering del plug-in se non è vicino al viewport e potrebbe non essere mai visto. Può essere `true` o `false` (impostazione predefinita).	`false`

Pulsante Salva per i prodotti

Puoi anche usare il pulsante Salva per i prodotti:

1. Configurazione del catalogo prodotti

Per usare il pulsante Salva con i tuoi prodotti devi innanzitutto configurare un catalogo prodotti.

Un catalogo prodotti, a volte chiamato elenco prodotti, è una lista di prodotti che desideri pubblicizzare su Facebook. Ciascun prodotto nella lista ha specifici attributi che possono essere usati per generare inserzione, ID, nome, descrizione, URL della pagina di destinazione, URL dell'immagine, disponibilità di un prodotto e altro ancora.

Come creare un catalogo prodotti Inserzioni dinamiche dei prodotti su Facebook

2. ID API di Facebook

Vai alla tab delle impostazioni della Dashboard gestione app, aggiungi la piattaforma "Sito web" e indica il dominio del tuo sito web.

3. Caricamento dell'SDK JavaScript

Carica l'SDK JavaScript usando il tuo ID app come mostrato nell'esempio sotto. Sostituisci {your-app-id} con il tuo ID app.

<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. Acquisizione dell'URI del prodotto

Tramite Business Manager

Per usare il pulsante Salva per i prodotti hai bisogno di 2 informazioni: l'ID catalogo prodotti e l'ID articolo dal tuo elenco prodotti:

Accedi alla tua azienda su Business Manager.
Vai a "Impostazioni attività" > "Catalogo prodotti".
Clicca sul catalogo prodotti che desideri usare per il plug-in.
Prendi nota dell'ID catalogo prodotti indicato sotto il titolo del nome del catalogo prodotti. Nel nostro esempio è 768856339915012.
L'altra informazione di cui hai bisogno è l'ID dell'articolo che è stato caricato nel tuo elenco prodotti. Per vedere degli esempi dal tuo elenco prodotti, clicca sull'ID catalogo prodotti.
Nella pagina successiva, clicca sugli elenchi prodotti in alto.
Clicca sull'elenco contenente gli articoli che desideri utilizzare.
Nella pagina successiva, vedrai un esempio di articoli del tuo elenco. Perché il plug-in riesca a identificare il prodotto, avrai bisogno dell'ID articolo indicato nell'elenco per ciascun prodotto.
L'URI per il plug-in segue lo schema dell'elemento product://<catalog_id >/{retailer_id}. Pertanto, un URI per il prodotto indicato come Product #45 nell'esempio in alto risulterebbe in questo modo: product://768856339915012/45 (l'ID del catalogo del prodotto sarebbe quello ottenuto al passaggio 5).

Tramite l'API Graph

Puoi ottenere l'URI del prodotto tramite l'API Graph. In fase di caricamento di uno o più prodotti, crea il seguente formato URL sostituendo <catalog_id> con l'ID del tuo catalogo e <retailer_id> con l'ID del rivenditore del tuo prodotto:

product://<catalog_id>/<retailer_id>

Scopri di più nella documentazione sui prodotti.

5. URI dei prodotti

Nel codice del pulsante Salva usa l'URI del prodotto per data-uri. Ad esempio, per l'URI del prodotto product://949817451770475/143791832 il tuo codice risulterebbe simile a questo:

<div class="fb-save" 
  data-uri="product://949817451770475/143791832">
</div>

Visualizzazione Elementi salvati

Tutti i link salvati saranno aggiunti alla visualizzazione Elementi salvati, disponibile all'indirizzo www.facebook.com/saved o, per le app mobili, accedendo ad Altro -> Elementi salvati.

Esempio

Link salvato

Modifica della lingua

Puoi modificare la lingua del pulsante di salvataggio caricando una versione localizzata dell'SDK di Facebook per JavaScript. Durante il caricamento dell'SDK, modifica il valore di js.src per usare la tua lingua. Sostituisci en_US con la lingua desiderata, ad es. fr_FR per il francese (Francia):

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.6";

Le lingue supportate sono indicate nel file XML Facebook Locales.

In base alla lingua, potresti dover modificare la larghezza dei plug-in social. Per maggiori informazioni, puoi consultare la nostra pagina dedicata a localizzazione e traduzione.

Argomenti correlati

FAQ sui plug-in social Condivisione per i webmaster SDK di Facebook per JavaScript