Pulsante Salva

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 SalvaEsempio di codiceImpostazioni

Istruzioni dettagliate

1. Scelta del link del sito Web

Seleziona il link di un sito Web che desideri usare con il pulsante Salva.

2. Configuratore di codici

Incolla il link nel Configuratore di codici 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

Esempio di codice completo

Copia e incolla l'esempio di codice nel tuo sito Web. Modifica il valore data-uri con il link del sito Web. Usa quindi il tag <title> per modificare 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>
Prova!

Impostazioni

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

Impostazione Attributo HTML5 Descrizione Valore predefinito

uri

data-uri

Il link univoco della pagina da salvare.

Link/indirizzo attuale

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 prodotti, dovrai prima configurare un catalogo prodotti.

Un catalogo prodotti, noto anche come elenco prodotti, è una lista dei prodotti che desideri pubblicizzare su Facebook. Ogni prodotto della lista presenta caratteristiche specifiche, ossia ID prodotto, descrizione, URL della pagina di destinazione, URL dell'immagine, disponibilità ecc., che possono essere usate per creare un'inserzione.

Come creare un catalogo prodottiInserzioni dinamiche per i prodotti di Facebook

2. ID API Facebook

Accedi alla tab Impostazioni della Dashboard gestione app, aggiungi la piattaforma "Sito Web" e inserisci il relativo dominio.

3. Caricamento dell'SDK JavaScript

Carica l'SDK JavaScript mediante l'ID app come mostrato nell'esempio qui 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

Hai bisogno di due informazioni per usare il pulsante Salva per i prodotti, ossia l'ID catalogo prodotti e l'ID articolo dall'elenco prodotti:

  1. Accedi al tuo account aziendale su Business Manager.
  2. Accedi a "Impostazioni di Business Manager" > "Catalogo prodotti".
  3. Clicca sul catalogo prodotti da usare per il plug-in.
  4. Annota l'ID catalogo prodotti, sotto il titolo del suo nome. Nel nostro esempio è 768856339915012.
  5. L'altra informazione necessaria è l'ID articolo caricato nell'elenco prodotti. Per visualizzare alcuni esempio dal tuo elenco prodotti, clicca sull'ID catalogo prodotti.
  6. Nella pagina successiva, clicca su Elenchi prodotti in cima.
  7. Clicca sull'elenco che contiene gli articoli da usare.
  8. Nella pagina successiva, visualizzerai esempi di articoli del tuo elenco. Affinché il plug-in identifichi il prodotto, occorre l'ID articolo elencato nell'elenco per ciascun prodotto.
  9. L'URI del plug-in segue questo modello: product://<catalog_id >/{retailer_id}. Pertanto, se vogliamo creare un URI per il prodotto denominato Product #45 nell'esempio precedente, ecco il suo aspetto: product://768856339915012/45 (dove l'ID catalogo del prodotto proviene dal passaggio 5).

Tramite API Graph

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

product://<catalog_id>/<retailer_id>

Scopri di più nei documenti sui prodotti.

5. URI del prodotto

Nel codice del pulsante Salva, usa l'URI del prodotto per data-uri. Ad esempio, per l'URI del prodotto product://949817451770475/143791832, il codice ha un aspetto simile:

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

Vista Elementi salvati

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

Esempio

Link salvato

Modifica della lingua

Puoi modificare la lingua del pulsante Salva 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 delle lingue di Facebook.

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.