Kako integrirati Facebook Open Graph Protocol u WordPress blog
Facebook, trenutno najdominantnije sučelje socijalnog umrežavanja još jednom šokira svijet izazivajući industriju tražilica sa pokretanjem neke vrste vlastite tražilice koju su nazvali Open Graph. Oni koji su se usudili pokušati koristiti Facebook-ovu novu tražilicu da bi dobili više posjetitelja, umjesto izgradnje linkova morali su izgraditi “Likes”, na svojim web stranicama kako bi imali viši rang u rezultatima pretrage. Ovaj novi koncept je potresao svijet i naposljetku samu industriju tražilica jer nikada ranije se tražilice nisu tako snažno oslanjale na jednostavan koncept, samo pritisak na “Like” gumb.
Pitanje za webmastere je što se može učiniti kako bi probali i maksimalno iskoristili ovu novootkrivenu priliku da bi se dobilo još više web prometa? Odgovor je prilično jednostavan. Potrebno je dodati meta oznake optimizirane za vaše web stranice koje ispravno prikazuju podatke koje želite, slično kao za Google, Yahoo i Bing, i još dodati “Like” gumb na svoju web stranicu.
Kako Integrirati Open Graph
Ako sa WordPress blogom sve što morate učiniti kako bi optimizirali svoje web stranice za novu Facebook tražilicu jeste da umetnete jednostavan kod u zaglavlju svake web stranice koju imate. Kod će dodati meta tag-ove na svaku web stranicu koju imate na blogu i optimizirati ih za Facebook Open Graph tražilicu. Umetanje ovog koda kako bi optimizirali svoje web stranice za Facebook Open Graph je potrebno, jer osigurava da, kada Facebook korisnici “Like” vašu stranicu, to bude čisto i profesionalno. Donja linija, meta oznake daje vam više kontrole oko izgleda vaše stranice u Newsfeed-u kada ljudi “Like” vašu stranicu, a čak vam pomaže i oko ključnih riječi.
| <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en” xmlns:fb=”http://www.facebook.com/2008/fbml” xmlns:og=”http://opengraphprotocol.org/schema/” <?php language_attributes(); ?>>
<?php if (have_posts()):while(have_posts()):the_post();endwhile;endif;?> <!– Facebook Opengraph –> <meta property=”fb:app_id” content=”your_app_id” /> <meta property=”fb:admins” content=”your_admin_id” /> <meta property=”og:url” content=”<?php the_permalink() ?>”/> <?php if (is_single()) { ?> <meta property=”og:title” content=”<?php single_post_title(”); ?>” /> <meta property=”og:description” content=”<?php echo strip_tags(get_the_excerpt($post->ID)); ?>” /> <meta property=”og:type” content=”article” /> <meta property=”og:image” content=”<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>” /> <?php } else { ?> <meta property=”og:site_name” content=”<?php bloginfo(‘name’); ?>” /> <meta property=”og:description” content=”<?php bloginfo(‘description’); ?>” /> <meta property=”og:type” content=”website” /> <meta property=”og:image” content=”your_50x50_image” /> <?php } ?> |
Nemojte zaboraviti promijeniti dijelove sa podebljanim slovima jer to su dijelovi koje treba da prilagodite odgovarajućim postavkama vašeg web sajta.
Za webmastere koji ne rade sa WordPress blogom a žele optimizirati stranice za Facebook Open Graph tražilicu, potrebno je da posjete Facebook developer stranicu kako bi dobili više informacija.
Kako dodati “Like” gumb
Postoje dva načina za dodavanje gumba. Ako vam je namjera da “Like” statičnu stranicu, na primjer, početnu stranicu, onda sve što trebate učiniti jeste da posjetite Facebook-ovu “Like” gumb stranicu i uključite iframe na svoju web stranicu.
S druge strane, ako želite prikazati “Like” gumb za svaku pojedinačnu stranicu (dinamički) i zvanično povezati vaše web stranice sa Facebook-om, onda morate omogućiti JavaScript SDK, što uključuje potrebu da se registrirate za Facebook i kreiranje aplikacije za vaše web stranice.
Prvi korak je da se prijavite na svoj Facebook račun i zatim:
-
Date ime vašoj aplikaciji i potvrdite je.
-
Kopirajte ID aplikacije, koji je dat, u Notepad jer će nam trebati kasnije.
-
Odaberite Connect tab i umetnuti svoje informacije o web sajtu.
-
Na kraju, sačuvajte izmjene.
Sada kada je aplikacija kreirana, sljedeći korak je dodavanje “Like” gumba u WordPress temu. Gumb možete staviti gdje god želite, međutim, ako želite da se gumb pojavljuje na dnu svakog posta, onda je potrebno da slijedite ove jednostavne korake.
-
Prijavite se na vaš WordPress blog.
-
Na kartici “Appearance”, kliknite na Editor.
-
Tada bi na desnoj strani trebali vidjeti datoteku pod nazivom Single.php, kliknite na nju.
-
Pritisnite CTRL + F i upišite se u the_content. Kada ste pronašli, dodajte ovaj kod ispod toga.
| <fb:like href=”<?php the_permalink() ?>” layout=”button_count” show_faces=”false” width=”450″ action=”like” colorscheme=”light”></fb:like> |
Možete promijeniti izgled gumba promjenom nekih parametara, više informacija možete pronaći na Facebook stranici.
Posljednje, ali ne i manje važno, da bi službeno povezali WordPress blog sa svojom Facebook aplikacijom potrebno je dodati malo koda u svoju datoteku. Veza sa Facebook-om se ostvaruje putem JavaScript SDK. Nakon što ste uredili Single.php datoteku, trebali biste pronaći datoteku pod nazivom functions.php. Kliknite na nju i skrolujte do kraja, tu dodajte ovaj kod:
| <?php
// load facebook API add_action(“wp_footer”, “werewp_facebook_api”); function werewp_facebook_api() { $fbapi = ”your_app_id“; // Your application ID echo “<div id=\”fb-root\”></div> <script> window.fbAsyncInit = function() { FB.init({appId: $fbapi, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(‘script’); e.async = true; e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’; document.getElementById(‘fb-root’).appendChild(e); }()); </script> “; } ?> |
Sačuvajte promjenu. Sada ste optimizirali vaš WordPress blog za Facebook Open Graph tražilicu.
Facebook Open Graph tražilica je nova tehnologija od koje webmasteri mogu imati mnogo koristi.