Kā integrēt Facebook Open Graph ar WordPress

Facebook Open Graph protokols ļauj jums kopīgot jūsu emuāra saturu ne tikai ar saviem lasītājiem, bet arī viņu Facebook draugiem. Labākā daļa ir - kad kāds ir patika jūsu saturs (-i), tas tiks publicēts viņu Facebook profilā. Bet tas vēl nav viss, Open Graph ļauj jums izpētīt interesantākus veidus, kā sadarboties un sadarboties ar saviem lasītājiem. Galu galā - ja tas tiek darīts pareizi - tas veido jūsu zīmolu un palielina jūsu vietnes datplūsmu.

Šodienas amatā mēs aplūkosim kā integrēt Facebook Open Graph ar sevis hosted WordPress detalizētu soli pa solim. Tas prasīs rediģēt esošās WordPress tēmas un izveidot Facebook lietojumprogrammu (ja jums to nav).

Vai esat gatavs? Ieslēdziet pārlūkprogrammu un jūsu iecienītāko kodu redaktoru. Pilns ceļvedis pēc lēciena.

1. solis. Izveidojiet Facebook lietotni

Mums būs nepieciešams Pieteikuma ID un lai to iegūtu, jums būs jāizveido Facebook lietotne. Ja jums jau ir viens, pārejiet uz 2. soli.

Lietojumprogrammas izveide ir vienkārša, šeit jūs darāt:

1. Ieejiet Facebook, dodieties uz Izstrādātāja lapu.
2. Klikšķis "Izveidojiet jaunu lietotni"poga augšējā labajā stūrī.
3. Norādiet vārdu jūsu jaunajai lietotnei, piekrītu uz Facebook noteikumiem, hit Izveidot lietotni.
4. Iet uz Tīmekļa vietne cilnē, aizpildiet Vietnes URL un Vietnes domēns.
5. Atzīmējiet vērtību Pieteikuma ID kaut kur un hitSaglabāt izmaiņas"poga.

Tas ir viss! Jūs vienmēr varat atgriezties vēlāk, lai aizpildītu pārējo informāciju.

2. solis. Aizstāt Tag

Atveriet tēmas galvenes failu (header.php) jūsu iecienītākajā redaktorā. Vienmēr paturiet rezerves kopiju tikai tad, ja kaut kas noiet greizi.

Meklējiet šo šādu kodu rindu vai to, kas sākas ar >

Nomainiet to ar:

Atveriet header.php atvērtu, mums tas būs vajadzīgs trešajam solim.

3. solis. Ievietojiet OG tagus

Ielīmējiet šādu kodu tūlīt vai agrāk tag.

       "/>          

Šeit ir dažas vērtības, kas jums būs jāmaina:

• 3. rinda: Aizstāt your_fb_app_id Ar Pieteikuma ID no 1. posma.
• 4. rinda: Jūs varat saņemt your_fb_admin_id jūsu Facebook ieskatu lapā, (Vairāk informācijas). Noklikšķiniet uz "Ieskats jūsu vietnē"Zaļā poga, paņemiet visu koda virkni un nomainiet 4. rindu.
• 12. rinda: šī pozīcija nosaka attēlu, kas attēlo jūsu ziņu. Ja jūsu tēma atbalsta WordPress Post sīktēlus, tai jādarbojas labi. Bet, ja tā nav, tas neizdosies graciozi bez attēla. Pārbaudiet alternatīvu risinājumu 3.a solī.
• 19. rindiņa: Aizstāt logo.jpg ar jūsu emuāra logotipa URL. Tas tiks parādīts, ja jūsu emuārā netiks publicēta lapa, kas tiek ievietota Facebook.

3.a solis - kad "wp_get_attachment_thumb_url" neizdodas

Kad wp_get_attachment_thumb_url () neizdevās strādāt, iespējams, dodas uz satura atribūtu, kam nav vērtības, piemēram, tas, kas parādīts tālāk:

Vienkāršs risinājums būs aizstāt 12. rindu ar šādu kodu:

Tālāk atveriet funkcijas.php un ievietojiet šādu kodu:

funkcija catch_that_image () global $ post, $ posts; $ first_img = "; ob_start (); ob_end_clean (); $ output = preg_match_all ('// i ', $ post-> post_content, $ spēles); $ first_img = $ atbilst [1] [0]; ja (tukšs ($ first_img)) // Nosaka noklusējuma attēlu $ first_img = "/images/default.jpg";  atgriezties $ first_img; 

Šis nomaiņas kods mēģina izmantot funkciju zvanu catch_that_image () lai satvertu un izvadītu pirmā attēla URL, ar ko nāksies sastapties. Ja funkcija nespēj atrast pirmo attēlu, nomainiet 10. rindu ar URL uz noklusējuma attēlu.

4. solis. Ievietojiet Facebook Javascript SDK

Šāda Javascript ļauj piekļūt visām grafika API un dialoga iespējām. Tas arī ļauj jums viegli integrēt Facebook sociālos spraudņus, piemēram, Like pogu, Facepile, Ieteikumus utt.

Ievietojiet to header.php, uzreiz pēc

Aizvietot your_fb_app_id 4. rindā ar Pieteikuma ID no 1. posma.

5. solis. Pārbaudīsim to!

Mēs esam pabeiguši integrēt Facebook Open Graph uz WordPress emuāru. Dodiet tai pāris testu, lai pārliecinātos, ka esam pareizi darījuši.

1. tests - skatiet avota kodu

Paskatieties uz kāda emuāra ziņojuma pirmkodu, jums vajadzētu būt šādam:

Pārbaudiet īpašības un tās vērtības, pārliecinieties, vai tās ir pareizas.

2. tests - instalējiet līdzīgu lodziņu

Ja neesat instalējis Facebook Like Button, tad, iespējams, ir laiks to iegūt. Ievietojiet šādu kodu jebkurā vietā (vēlams pirms satura vai pēc satura) single.php:

Tālāk saņemiet draugu Tāpat kā to. Jums vajadzētu redzēt kaut ko līdzīgu, kas parādās viņa Facebook profilā:

Extra: WordPress spraudnis

Ja kaut kā jūs neizdevās instalēt kodus vai tas ir nepieciešams, tas ir jādara ātri un viegli - tam ir WordPress spraudnis.

Facebook Open Graph Meta programmā WordPress ir WordPress spraudnis, kas pievieno Facebook meta datus, lai izvairītos no sīktēlu, nepareizas nosaukuma, nepareizas apraksta problēmas utt..