Plug-in delle citazioni

Il plug-in delle citazioni consente agli utenti di selezionare il testo sulla tua Pagina e di aggiungerlo al proprio contenuto condiviso per raccontare una storia più espressiva. Tieni presente che non è necessario implementare Facebook Login né richiedere autorizzazioni aggiuntive mediante l'analisi dell'app per usare il plug-in.

Condivisione delle citazioni per il Web mobile

Se stai realizzando un sito Web per il Web mobile o il pulsante fornito non è adatto al design del tuo sito Web, la finestra di condivisione per il Web supporta anche l'aggiunta di una citazione alla condivisione di un link.

Condivisione di citazioni per iOS e Android

Se hai un'app nativa per iOS o Android, devi usare la finestra di condivisione su iOS e la finestra di condivisione su Android native.

Prova il plug-inEsempio di codiceImpostazioni

Prova il plug-in

Seleziona una parte di questa frase per vedere il plug-in in funzione.

Esempio di codice

Modifica il valore data-href con l'URL del sito Web. Assicurati che i metatag di Open Graph siano aggiornati e che data-href per il plug-in corrisponda alla proprietà og:url.

<html>
<head>
  <title>Your Website Title</title>
  <!-- Comment #1: OG Tags -->
  <meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Comment #2: SDK -->
  <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>

  <!-- Comment #3: Content -->
  <h1>Your Headline</h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget tristique nibh, 
    vel consequat purus. Praesent molestie, turpis ut ultrices commodo, felis arcu cursus enim, 
    vel porttitor ante quam vel lacus. Quisque at laoreet sapien. Proin nec purus dolor. Integer 
    pharetra nec ligula a condimentum. Fusce sem orci, porta ut felis id, commodo imperdiet risus. 
  </p>

  <!-- Comment #4: Plugin Code -->
  <div class="fb-quote"></div>

</body>
</html>
Prova!

Commenti al codice

  1. OG Tags: puoi usare i tag di Open Graph per personalizzare le anteprime dei link.
  2. SDK: carica l'SDK di Facebook per JavaScript.
  3. Content: il contenuto della tua pagina.
  4. Plugin Code: il codice del plug-in delle citazioni dal configuratore. Puoi collocarlo in qualsiasi punto del documento e sarà visibile solo quando evidenzi il testo presente all'interno di tale contenitore. In questo esempio, viene visualizzato solo quando evidenzi il testo all'interno del corpo

Impostazioni

Puoi modificare le impostazioni seguenti:

Impostazione Attributo HTML5 Descrizione Valore predefinito

href

data-href

L'URL univoco della pagina da citare.

URL corrente

layout

data-layout

  • quote: Mentre selezioni il testo, verrà visualizzato un pulsante con un'icona blu di Facebook e il testo "Condividi la citazione" sovrapposto. Quando un utente clicca su di esso, verrà aperta una finestra di condivisione con il testo evidenziato come citazione.
  • button: si comporta allo stesso modo dell'opzione "citazione", ma presenta un'icona blu di Facebook sul pulsante.

quote

Aree citabili

Alcune aree della tua pagina Web potrebbero non essere citabili, ad es. menu, barre laterali, piè di pagina. Puoi definire le aree citabili della tua pagina tramite:

  • elementi <article> HTML o
  • qualsiasi elemento con nome classe fb-quotable.

Puoi combinare gli elementi delle due opzioni come desideri e definire le aree citabili.

Se la pagina non contiene né <article>class="fb-quotable", allora risulterà interamente citabile.

Modifica della lingua

Puoi modificare la lingua del plug-in delle citazioni 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.