Commenti di Facebook per WordPress – Creazione di app, integrazione di codice e moderazione

in , , /da

I commenti su Facebook rendono le homepage, i blog e i negozi online molto più vivaci. Gli utenti non sono più costretti a inserire i loro dati o a registrarsi. Mettendo o scambiando i commenti di WordPress con il codice di Facebook, l’interazione, la fedeltà degli utenti e anche i tempi di visita del tuo sito, blog o negozio aumentano. Naturalmente, ci sono anche plugin WordPress per l’embedding. Ma con un po’ di copia e incolla puoi anche fare tutto da solo. Oggi, non con un video tutorial, ma nel modo classico con gli screenshot, perché è davvero veloce, anche senza un’agenzia pubblicitaria.

Key Facts -
Creare un’applicazione Facebook per l’uso
Generare e incorporare il codice dei commenti
Screenshot del tutorial degli sviluppatori
Scambio di funzioni di commento tra WordPress e Facebook
Screenshot dello scambio di codice
Funzione di commento di Facebook nel blog

Creare un’applicazione Facebook per l’uso

Suggerimento! Qui puoi trovare la nostra guida XXL sull’argomento Facebook Ads. In questo articolo imparerete:

  1. Creare un’applicazione Facebook per l’uso
  2. Generare e incorporare il codice dei commenti

Se non hai ancora creato la tua app in Facebook per gli sviluppatori, questo è il tuo primo passo. Basta registrarsi qui e creare un’applicazione:

Generare e incorporare il codice dei commenti

Nel passo successivo, si genera il proprio codice. È importante che lo mettiate nel vostro header.php. Di solito ci sono due modi per farlo con WordPress.

  1. Il modo migliore è quello di incorporare il codice nel backend del tuo tema. La maggior parte dei temi supporta l’incorporazione direttamente dal backend. Allora non devi fare nessuna modifica al tema. Si mette il codice dove, per esempio, si trova il codice di Google Analytics.
  2. Direttamente nel tema attraverso il tuo backend di WordPress via Design > Editor. Poi aprite l’header.php e inserite il codice in modo pulito, preferibilmente direttamente dopo il tag <body>.
  3. Raccomandazione! Meglio andare attraverso il tuo tema figlio e cambiare una copia dell’header.php, allora non avrai problemi con l’aggiornamento del tema.

Puoi generare il tuo codice qui:

Questo è l’aspetto del codice generato. L’appID è quindi il tuo ID individuale.

<div id="fb-root"></div>
<script>(funzione(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1453051238274088";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Screenshot del tutorial degli sviluppatori

Ecco di nuovo tutti i passi in singoli screenshot:

Scambio di funzioni di commento tra WordPress e Facebook

Oltre allo script, riceverete anche un piccolo div box da incorporare nella parte anteriore della pagina. La procedura qui è simile allo script. Solo che si modifica il single.php. Se stai lavorando con un tema, il codice potrebbe anche dover essere messo in comments.php o simile. Come nel mio esempio. Potete mettere il codice ovunque sulla vostra pagina o solo su pagine singole. Sostituiamo direttamente la funzione di commento. Se volete i commenti su pagine singole, basta inserire il codice direttamente nei post del blog, ecc. È così che si cambia globalmente la funzione di commento.

Importante, dovete sostituire il vostro URL (nel mio caso http://lukinski.com) per la variante globale con:

<?php echo get_permalink(); ?>

  1. Direttamente nel tema attraverso il tuo backend di WordPress via Design > Editor. Ora apri il file single.php e sostituisci il codice di WordPress o rimuovilo.
  2. Raccomandazione! Procedete allo stesso modo qui tramite il vostro tema figlio e cambiate una copia del single.php.
<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-numposts="5"></div>

Voilà.

Screenshot dello scambio di codice

Nel mio esempio, il codice dei commenti non era nel single.php, ma in un singolo comments.php. Ho copiato questo nel mio tema figlio e poi ho sostituito l’intero codice dei commenti con i nuovi commenti di Facebook. Se lavorate nel single.php, assicuratevi di rimuovere solo il codice di commento. Nell’esempio, come ho detto, l’intero comments.php è stato sostituito.

Funzione di commento di Facebook nel blog

Una volta finito, il tutto si presenta così!

Marketing Blog 🔥