Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați butonul de Like Facebook în WordPress

Un adevăr simplu despre site-urile WordPress de succes: a facilita interacțiunea vizitatorilor cu conținutul dvs. este cheia creșterii. Cu toate acestea, atât de mulți proprietari de site-uri ignoră ceva la fel de simplu ca adăugarea unui buton de apreciere pe Facebook.

Deși poate părea o adăugare minoră, este de fapt unul dintre cele mai puternice instrumente pentru extinderea audienței dvs. Mai multe aprecieri înseamnă mai multă vizibilitate, ceea ce duce adesea la mai mult trafic și potențiali clienți.

Din fericire, adăugarea unuia pe site-ul dvs. WordPress este mai ușoară decât ați crede! Am experimentat cu diferite metode de integrare Facebook și am găsit câteva care funcționează excepțional de bine.

În acest tutorial, vă vom ghida cum să adăugați un buton de Like pe Facebook în WordPress. Vom împărtăși cele mai bune abordări pe care le-am testat, astfel încât să puteți începe să valorificați implicarea socială pentru a vă crește site-ul WordPress. 📈

Cum să adăugați butonul de Like Facebook în WordPress

De ce să adăugați un buton de apreciere Facebook în WordPress?

Facebook este una dintre cele mai populare platforme de social media din lume. Multe afaceri folosesc Facebook pentru a se conecta cu clienții lor și a-și promova produsele.

Adăugarea unui buton de Like pe Facebook pe site-ul tău WordPress poate contribui la creșterea implicării. De asemenea, încurajează oamenii să partajeze conținutul tău pe profilurile lor de Facebook și să atragă noi utilizatori pe site-ul tău.

Puteți folosi butonul de Like de pe Facebook pentru a vă crește urmăritorii pe rețelele sociale și pentru a construi o comunitate. Ajută la creșterea gradului de conștientizare cu privire la produsele și serviciile dvs. și crește conversiile.

Având în vedere acest lucru, vă vom arăta cum să adăugați un buton de apreciere Facebook pe site-ul dvs. WordPress. Iată o prezentare generală rapidă a metodelor pe care le vom acoperi în acest ghid:

Gata? Să vedem cum să adăugăm un buton de Like pe Facebook în WordPress folosind un plugin sau cod personalizat.

Metoda 1: Adăugați un buton de Like de pe Facebook în WordPress folosind un plugin

În această metodă, vom folosi un plugin WordPress pentru a adăuga un buton de Like pe Facebook. Această metodă este foarte ușoară și recomandată pentru începători.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați Like & Share de la BestWebSoft. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, puteți accesa Like & Share » Setări din panoul de administrare WordPress.

Setări plugin Like and share

Apoi, va trebui să adăugați un „ID aplicație” și un „Secret aplicație” de la Facebook. Dacă nu aveți aceste informații, urmați pur și simplu pașii de mai jos.

Cum să creați un ID de aplicație și un secret de aplicație Facebook

În panoul „Setări”, faceți clic pe linkul „Creați unul nou” sub câmpul „ID aplicație” sau „Secret aplicație” din pluginul Like & Share.

Acest lucru vă va duce pe site-ul Meta for Developers. Sugerăm să deschideți site-ul web într-o filă sau fereastră nouă, deoarece va trebui să deschideți pagina de setări Like & Share în zona de administrare WordPress pentru a introduce ID-ul aplicației și secretul.

De aici, va trebui să selectați un tip de aplicație. Continuați și alegeți „Business” ca tip de aplicație și faceți clic pe butonul „Next”.

Alegeți tipul aplicației dvs.

Apoi, va trebui să furnizați informații de bază despre aplicația dvs.

Puteți introduce un nume afișat pentru aplicația dvs. și să vă asigurați că adresa de e-mail corectă apare sub câmpul „Adresa de e-mail de contact a aplicației”. Facebook va prelua automat adresa de e-mail a contului în care sunteți conectat în prezent.

Există și o opțiune de a alege un cont de afaceri. Puteți lăsa acest lucru pe „Niciun cont de Business Manager selectat” și faceți clic pe butonul „Creare aplicație”.

Introduceți informații de bază pentru aplicație

Apoi, va apărea o fereastră pop-up. Aici, Facebook îți va cere să reintroduci parola.

Aceasta este o măsură de securitate pentru a preveni activitatea malițioasă pe contul tău. Continuă și introdu parola contului tău de Facebook și dă clic pe butonul „Trimite”.

Reintroduceți parola Facebook

După aceea, veți vedea tabloul de bord al aplicației dvs.

De aici, puteți accesa Setări » De bază din meniul din stânga.

Mergi la pagina de setări de bază

Acum, veți dori să extindeți meniul derulant „Setări” și să faceți clic pe „De bază”.

Aici veți vedea „ID-ul aplicației” și „Secretul aplicației”.

Puteți introduce acum aceste informații în setările pluginului Like & Share.

Copiați ID-ul aplicației și secretul

Finalizați personalizarea butonului dvs. Facebook Like

Mai întâi, veți dori să copiați „ID-ul aplicației” și să reveniți la fila sau fereastra unde aveți deschisă pagina Like & Share » Setări. Apoi, pur și simplu introduceți „ID-ul aplicației” în câmpul respectiv.

Acum, veți dori să repetați pasul, copiind datele „Secret aplicație” de pe pagina Meta for Developers și lipindu-le în setările pluginului Like & Share.

Personalizați butonul dvs. de Like de pe Facebook

După ce ați făcut acest lucru, puteți alege dacă doriți să afișați butonul Facebook Like împreună cu URL-ul profilului și butoanele de partajare.

Există, de asemenea, setări pentru a edita dimensiunea butonului de apreciere Facebook, poziția sa înainte sau după conținut și alinierea.

Mai multe opțiuni de personalizare

Dacă ați activat butonul Profile URL, atunci puteți derula în jos la secțiunea „Profile URL Button” și introduceți numele dvs. de utilizator sau ID-ul Facebook.

Când ați terminat, nu uitați să salvați modificările.

Acum, pluginul va adăuga automat un buton de Like pe Facebook pe site-ul tău WordPress și îl va poziționa în funcție de setările tale.

Puteți folosi, de asemenea, shortcode-ul [fb_button] pentru a adăuga butonul Facebook Like oriunde pe site-ul dvs.

Atât! Acum puteți vizita site-ul dvs. și vedeți butonul Like pe fiecare postare.

Previzualizare buton Facebook like

Metoda 2: Adăugați manual un buton de apreciere Facebook în WordPress

O altă modalitate de a adăuga un buton de apreciere Facebook este prin utilizarea de cod personalizat. Cu toate acestea, această metodă necesită adăugarea de cod direct în WordPress, așa că o recomandăm doar celor care se simt confortabil cu editarea codului.

În această secțiune, vom folosi pluginul WPCode, deoarece face simplu pentru oricine să adauge cod pe blogul tău WordPress.

Dar mai întâi, va trebui să vizitați pagina „Buton de apreciere” de pe site-ul Meta for Developers și să derulați în jos la secțiunea „Configurator buton de apreciere”.

Obține codul de pe site-ul dezvoltatorilor Facebook

Apoi, introduceți URL-ul paginii dvs. de Facebook în câmpul „URL de apreciat”. Acest lucru va conecta butonul de apreciere Facebook la pagina dvs.

După aceea, pur și simplu folosiți configurația pentru a alege aspectul și dimensiunea butonului Like. Veți obține, de asemenea, o previzualizare a butonului Like.

Odată ce sunteți mulțumit de previzualizare, faceți clic pe butonul „Obțineți codul”. Aceasta va deschide o fereastră pop-up care afișează două fragmente de cod sub fila „JavaScript SDK”.

Copiați codul SDK

Vă rugăm să rețineți că adăugarea directă a acestor fragmente de cod în tema dvs. WordPress vă poate defecta site-ul web. În plus, acestea vor fi suprascrise atunci când actualizați tema.

De aceea recomandăm utilizarea pluginului WPCode. Acest plugin vă permite să copiați fragmente de cod pe site-ul dvs. și să gestionați cu ușurință codul personalizat fără a edita fișierele temei. Acest lucru vă ajută să evitați riscul de a vă defecta site-ul WordPress.

Pagina principală WPCode

De asemenea, am avut încredere în WPCode pe site-urile noastre pentru a gestiona personalizările în mod fluid și eficient. Pentru mai multe informații despre experiența noastră cu acesta, puteți accesa recenzia noastră completă despre WPCode.

Pentru a începe, va trebui să instalezi și să activezi pluginul gratuit WPCode. Pentru mai multe detalii, te rugăm să consulți ghidul nostru despre cum să instalezi un plugin WordPress.

📝 Notă: Versiunea gratuită a WPCode vă permite să adăugați fragmente de cod personalizate, pe care le vom folosi aici. Cu toate acestea, actualizarea la WPCode Pro deblochează funcționalități suplimentare, cum ar fi istoricul complet al reviziilor și posibilitatea de a programa codul.

După activare, puteți accesa Snippete de cod » Antet și subsol din tabloul de bord WordPress.

Apoi, va trebui să copiați primul fragment de cod și să îl adăugați în fișierul header.php al temei WordPress, imediat după tag-ul <body>. Pur și simplu copiați codul și introduceți-l în secțiunea „Body”.

După finalizarea acestui proces, nu uita să apeși butonul „Salvează modificările”.

Adăugați primul cod în secțiunea antet

Apoi, va trebui să copiezi a doua bucată de cod și să o inserezi pe site-ul tău WordPress pentru a afișa butonul de Like pe Facebook.

Pentru a face acest lucru, puteți accesa Snippets de cod » + Adaugă snippet din panoul de administrare WordPress. Sau, pur și simplu faceți clic pe butonul „Adaugă nou” din tabloul de bord WPCode.

Apăsați pe „Adăugați un nou fragment” în WPCode

Pe ecranul următor, WPCode vă va permite să selectați un fragment din biblioteca pre-construită sau să adăugați un nou cod personalizat.

Continuați și alegeți opțiunea „Adăugați codul personalizat (Fragment nou)” și faceți clic pe butonul „Utilizați fragmentul”.

Adăugați cod personalizat în WPCode

După aceea, poți da un nume codului tău personalizat și poți introduce al doilea fragment de cod în secțiunea „Previzualizare cod”.

Asigură-te că dai clic pe meniul derulant „Tip cod” și selectezi „Fragment de cod HTML” ca tip de cod.

Introduceți al doilea cod și selectați tipul de cod

Apoi, puteți derula în jos la secțiunea „Inserare” și selectați unde doriți să apară butonul de Like Facebook.

De exemplu, să spunem că doriți să apară înainte de conținut.

Pur și simplu faceți clic pe meniul derulant „Locație” și alegeți opțiunea „Inserare înainte de conținut” sub „Pagină, Postare, Tipuri de postări personalizate”.

Selectați locația butonului „Îmi place”

Odată ce ați terminat, puteți face clic pe butonul „Salvează fragment”.

Va trebui, de asemenea, să faceți clic pe comutator și să-l schimbați din „Inactiv” în „Activ”.

Salvați și activați fragmentul de cod WPCode

Asta e tot. Un buton „Apreciază” de la Facebook va apărea pe site-ul dvs. după ce introduceți codul.

Sfat bonus: Ce este metadatele Open Graph & Cum să le adăugați la WordPress?

Open Graph este un metadate care ajută Facebook să colecteze informații despre o pagină sau postare de pe site-ul dvs. WordPress. Aceste date includ o imagine miniatură, titlul postării/paginii, descrierea și autorul.

Facebook este destul de inteligent în a extrage câmpurile de titlu și descriere. Cu toate acestea, dacă postarea dvs. are mai mult de o imagine, atunci uneori poate afișa o miniatură incorectă atunci când este partajată.

Dacă folosiți deja pluginul All in One SEO (AIOSEO), atunci acest lucru poate fi rezolvat cu ușurință.

La WPBeginner, noi înșine folosim pluginul AIOSEO pentru gestionarea setărilor OpenGraph pentru Facebook și X, printre alte eforturi SEO. Suntem mari fani ai acestuia și puteți vedea recenzia noastră extinsă despre AIOSEO pentru mai multe detalii.

Pentru a face acest lucru, puteți accesa mai întâi All in One SEO » Social Networks și comutați la fila Facebook.

Apoi, faceți clic pe butonul „Upload or Select Image” pentru a seta o „Default Post Facebook Image” dacă articolul dvs. nu are o imagine open graph.

Încărcați imaginea implicită Facebook

În plus, puteți configura și o imagine open graph pentru fiecare postare sau pagină individuală.

Când editați o postare, derulați pur și simplu în jos la secțiunea Setări AIOSEO din editorul de conținut. Apoi, puteți comuta la fila „Social” și puteți vedea o previzualizare a miniaturiului dvs.

Tab-ul Social AIOSEO

Acum, veți dori să derulați în jos la opțiunea „Sursa imaginii”. Apoi, alegeți o imagine open graph pentru postarea dvs.

De exemplu, puteți selecta „Imagine atașată”, „Prima imagine din conținut” sau „Imagine personalizată” pentru a fi utilizată ca miniatură open graph.

Sursa imaginii pentru open graph

Pentru mai multe detalii și modalități alternative de a adăuga metadate open graph, nu ezitați să consultați ghidul nostru despre cum să adăugați metadate Facebook Open Graph în WordPress.

Resurse bonus: Mai multe ghiduri despre rețelele sociale pentru site-urile WordPress

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un buton de apreciere Facebook în WordPress. Apoi, s-ar putea să doriți să consultați și ghidurile noastre despre:

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

177 CommentsLeave a Reply

  1. Am vrut să adaug un buton de apreciere Facebook pe site-ul meu WordPress, iar acest post a făcut-o incredibil de ușor. Îmi place cum ați oferit mai multe metode, inclusiv scurtcodul simplu și abordarea mai avansată a plugin-ului. Instrucțiunile și capturile de ecran pas cu pas sunt extrem de clare și apreciez sfaturile suplimentare despre personalizarea aspectului butonului. Mulțumesc că m-ați ajutat să-mi cresc implicarea socială și să mă conectez cu publicul meu!

  2. Am adăugat butonul wp-like la paginile blogului meu și l-am configurat conform instrucțiunilor. Contorul de aprecieri crește, deci știu că cititorii apasă pe buton, dar unde găsesc numele acestor cititori pentru a putea lua legătura cu ei?

  3. Hi Wp Beginner :)

    Vreau doar să vă mulțumesc pentru toate articolele grozave!
    M-au ajutat deja mult, ușor de înțeles…..Îmi place!

    Cheers guys, keep on doing like you do :)

  4. Salutare tuturor.
    Folosesc tema Blog Bank Wordpress care are butoane Facebook, Twitter, Google+ și LinkedIn frumos construite, dar nu reușesc să le fac să funcționeze așa cum intenționez (vezi site-urile mele sociale respective). Aș dori să știu dacă există o modalitate de a face acest lucru.
    Vă mulțumesc pentru munca continuă și excelentă pe care o depuneți pentru noi, începătorii.

    • Ar trebui să contactați suportul temei dvs. pentru această problemă și ar trebui să vă poată spune dacă este o eroare a temei în sine sau o metodă de rezolvare a problemei.

      Admin

  5. Te rog, administrator, folosesc pluginul header and footer pe blogul meu de WordPress. Am adăugat codul în footer și butonul de apreciere apare la sfârșitul blogului meu. Te rog, cum îl pot adăuga astfel încât să apară imediat după fiecare postare. Mulțumesc.

  6. I am unable to make the plugin work on Archives :( It works perfectly fine on Single Posts.

    Ajutorul dvs. ar însemna mult

  7. Ai spus „Poți lăsa câmpul URL gol, deoarece vom completa dinamic URL-ul în WordPress.”

    Mă așteptam ca articolul să spună apoi ce cod să introduc pentru a completa dinamic URL-ul.

    Se va completa URL-ul dinamic dacă lăsăm câmpul data-href gol, fără nicio altă acțiune necesară?

  8. Cum afișez numărul de aprecieri de pe Facebook în meta postării.
    Ca acesta: Postat de Admin în Tehnologie pe Data | 2 comentarii | 5 aprecieri

  9. Am configurat un site web personal (fără scop lucrativ) în loc de un blog folosind Wordpress. Foarte impresionat că am reușit să fac acest lucru cu cunoștințele mele foarte limitate despre web. Aș dori să adaug un buton de like pe Facebook, dar instrucțiunile dvs. nu funcționează pentru pagina mea principală?
    Mulțumesc Len

  10. MULȚUMESC. A funcționat ca prin farmec. Aveți idei cum să fac asta pe o pagină în loc de doar un post? Mulțumesc!!! Acesta este site-ul meu preferat!

  11. Salut,

    Acest tutorial sună ca chineză pentru mine. Folosești un vocabular care presupune anumite cunoștințe pe care începătorii nu le au.
    ” Mai întâi deschide fișierul single.php din folderul temei tale. Apoi inserează următorul cod în bucla postărilor tale:”
    Ce înseamnă asta?
    Înțeleg că îți păstrezi postările scurte, dar de foarte multe ori sunt chiar prea scurte!
    Mulțumesc

  12. Salut,

    întrebare, cum fac să pun butonul FB like inline cu Google +1 și alte butoane, cam cum ați făcut aici?

    Mulțumesc,
    Mark

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.