+36 30 355 0880

0-24 Tudástár

Témakörök:



Új ügyfeleknek












Meglévő ügyfeleknek














Önmüködő honlap












Érdekességek











Találj meg minket a Google+-on

Domaint Tippek, Domain ötletek
Egyszerűen kitűnő. Végre egy szolgáltató aki nem csak kullog az igények előtt, hanem minőségi szolgáltatást teremt
Domain Regisztráció
Date published: 10/31/2012
5 / 5 stars

Facebook comment box telepítése




 

Használjuk ki az ingyen reklámot, ami úgy terjed,mint egy vírus.

 

Facebook Comment Box haszna:

Miért is olyan népszerű marketing eszköz.

A Facebook comment box lehetőséget biztosít arra, hogy bárki hozzászóljon egy cikkedhez, tartalmadhoz vagy termékedhez. Ezek a hozzászólások pedig nem csak a honlapodon fognak megjelenni, hanem a hozzászóló Facebook üzenőfalán is. Így minden ismerőse látja, hogy milyen honlapon, melyik cikkhez, oldalhoz, termékhez szólt hozzá és mit.

Ha ezen felbuzdulva a hozzászóló ismerősei is hozzászólnak a cikkhez, oldalhoz, termékhez, akkor az ő ismerősei is látni fogják a hozzászólást és a te honlapodon is megjelenik. Ez egy vírus hatás, minél több ember szól hozzá, annál több emberhez jut el és annál többen fognak hozzászólni. Egy igazi öngerjesztő folyamat, amit csak be kell indítani.

 

Nem csak látogatókat hoz

Van egy igen kellemes hozadéka is.

 Az egyértelmű, hogy amikor valaki hozzászól egy oldalhoz, cikkhez vagy termékhez, akkor az megjelenik az üzenőfalán és az ismerősi látni fogják. Innen már eleve kapni fogsz látogatókat, mert akit érdekel a téma vagy a hozzászólás, az kattintani fog.

A kellemes hozadék viszont az, hogy minden egyes hozzászólás egy értékes link, ami rád mutat. Hiszen a Google gyűjti és elemzi a Facebook felhasználók üzenőfalát. Az ottani linkeket értékes linknek veszi, hiszen azok nem hamisíthatóak. Azokat a linkeket Te vagy egy fizetett kereső optimalizáló nem helyezhette el, így valóban azt jelenti, hogy a honlapod értékes, mert beszélnek róla.

Tudom, hogy régen nem így volt, a kulcsszó és a link volt a fő eszköz, de a Google 2 új frissítése a Panda és a Pingvin mindent megváltoztatott.

 

Így építsd be a honlapodba

Nem csak beépítjük, hanem felturbózzuk egy kicsit.

Most pedig lépésről-lépésre bemutatom, hogyan kell beépíteni az oldaladba a Facebook comment boxot és picit felturbózzuk, mert az alap kódnak van egy roppant nagy hiányossága: Nem értesít téged, ha valaki hozzászólt egy tartalmadhoz.

Enélkül viszont nagyon nehéz reagálni és további hozzászólásokat generálni vagy vitatkozást, ami még több látogatót és még több értékes linket épít.


Gyakorlat:

 Elsőként szükségünk lesz FBML kódra, hogy be tudjuk illeszteni a weboldalunkba a Facebook Comment boxot. Ezzel nem csak a komment boxot tudjuk majd igénybe venni, hanem más Facebook alkalmazást is használhatunk az oldalunkon. PL LIKE.

Négy egyszerű lépés van a siker útján:

  1. Szükséged van egy application ID-re az oldaladhoz
  2. Be kell szúrnod 4-5 sort az oldalad fejlécébe
  3. Be kell szúrnod 4-5 sort az oldalad body -ba
  4. Be kell szúrnod a megfelelő helyre a comment boxot
  5. Fel kell másolnod egy php fájlt a tárhelyedre


 

1. Application ID:
Látogass el a developers.facebook.com/setup címre. Írd be a weboldalad nevét (tetszőleges), a címét (perjellel a végén!), válassz egy nyelvet, és nyomd meg a gombot ("Create application")! Itt előfordulhat, ha még nem adtál meg mobilszámot (mint magánszemély, Facebook felhasználó), hogy elkéri, és küld egy SMS-t, hogy ellenőrizze, hogy valós személy vagy-e. (Van bankkártyás ellenőrzési lehetőség is, de az SMS talán magyar felhasználók körében népszerűbb.)

Itt kapsz két kódot: App ID és App Secret. Az App ID-t majd be kell másolnod 1-2 helyre, nem titok, nyilvános. A másikat sehová nem kell bemásolnod, de tedd el, ha baj van, szükség lehet rá. (Itt egyébként kapsz egy mintakódot, amivel megértheted mi mindenre jó az FBML.)

 

2. Fejlécben elhelyezendő kód:

  • Keresd meg a honlapod forráskódjában a a <html> részt és cseréld ki erre: <html lang="hu" xmlns:fb="http://ogp.me/ns/fb#">

  •  Most  keresd meg a </head> részt és másold fölé a következő kódokat:
    <!-- Facebook meta kezedete-->   
        <meta property='og:image'content='a képfájl neve, ami megjelenik a hivatkozás mellett' />
        <meta property='og:type' content='article' />
        <meta property="fb:app_id" content="ide jön a fenti App ID">
        <meta property="fb:admins" content="ide jön a user ID-d">
     <!-- Facebook meta kezedete-->    

A képfájl neve, ami megjelenik a hivatkozás mellett teljes elérési út legyen. Nálunk pl ez: http://domain.domainflotta.hu/domain-tarhely-facebookra.jpg

ide jön a fenti App ID. Egy számsor, amit az 1 pontban leírt módon tudsz megszerezni.

ide jön a user ID-d. Egy számsor, amit úgy tudhatsz meg, hogy beírod a böngészőbe:
https://graph.facebook.com/neved

Pl.:
https://graph.facebook.com/bill.gates
https://graph.facebook.com/bartfai.balazs
https://graph.facebook.com/orban.viktor

 

3. A body részbe kerülő kód:

Keresd meg a <body> részt a honlapod kódjában és szúrd bele az alábbi kódot:

<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 = "//connect.facebook.net/hu_HU/all.js#xfbml=1&appId=ide jön a fenti App ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 

4. Szúrd be a megfelelő helyre a comment boxot:

Ezt a kódot oda kell raknod, ahol szeretnéd, hogy megjelenjen a Facebook comment box:

<script>
              window.fbAsyncInit = function(){
              
               FB.init({ appId: 'ide jön a fenti App ID',
                            status: true,
                            cookie: true,
                            xfbml: true});
                         FB.Event.subscribe('comment.create', function(response){
                            var dummyImage = new Image;
                            dummyImage.src = 'ahova másoltad a php fájlt/email.php?path='+response.href.replace('http://','');
                            });
                };
 </script>
           
            <fb:like send="true" width="650" show_faces="true"></fb:like>
            <fb:comments href="az oldal url címe, ahol a comment box van" xid="egyedi azonosító" canpost="true" numposts="10" publish_feed="true" simple="false" width="670" notify="true" migrated="1" >
            <fb:title>Csatlakozz a beszélgetéshez!</fb:title>
            </fb:comments>

 

ide jön a fenti App ID. Egy számsor, amit az 1 pontban leírt módon tudsz megszerezni.

ahova másoltad a php fájlt. Van egy php fájl, ami semmi mást nem csinál, csak küldi a leveleket. Ezt a fájlt a cikk végén tudod letölteni és ide azt az útvonalat írd, ahova feltöltötted. Az útvonal, pedig a domain neved: http:www.domain-neved.hu

az oldal url címe, ahol a comment box van. Ezt kiszedheted dinamikusan is pl így: href="<?$_SERVER['HTTP_HOST']?>"

egyedi azonosító: ez bármi lehet. Célszerű ezt is változtatni, minden egyes oldalnál, cikknél vagy terméknél.

 

5, Másold fel a php fájlt:

Ez a fájl fog levelet küldeni neked, amikor új hozzászólás érkezik a Facebook boxon keresztül. Így egyből tudsz reagálni.

 

A php fájlt innen töltheted le.

 

 Egyszerűen csak töltsd fel a tárhelyedre és írd át benne a mail címed. Készen is vagy :)

 

 

Itt egy minta:


<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=ide jön az APi kód&amp;xfbml=1"></script>

<fb:comments

xid="facebookreklam"
numposts="10"
width="425"
publish_feed="true"
title="My Blog Comments"
css="http://www.yourwebsite.com/css/comments.css"
simple="false">

</fb:comments>



A paraméterekről:


 xid: Egyedi azonosító. élszerű megadni az oldal nevét
 numposts= megjelenítendő hozzászólások száma
 width= comment box szélessége. Alapból 550 px
 publish_feed=  értéke igaz és hamis lehet. Ha igaz (true) akkor alapból be lesz jelölve, hogy a komment jelenjen meg a facebookon, ha hamis (true), akkor a felhasználónak kell engedélyezni, ha szeretné, hogy megjelenjen az üzenőfalán.
 title= ez a hozzászólás címe. Célszerű annak az oldalnak a title tagjét megadni ahonnan kommentelnek. 
 css= A saját stíluslapunk címe.
 simple= Ha igazra (true) van állítva akkor nem jelenik meg keret minden hozzászólás körül. Alapértelmezetten hamis (false)
 reverse= Ha igaz (true) akkor a legfrissebb kommentek kerülnek alulra. Alapból a legújabb van felül.

Hiba esetén:

  • A facebook kód beillesztésénél ne felejtsük el, hogy az api kódunkat is bele kell tenni.
  • Ha smarty template rendszert használunk, akkor érdemes a kódunkat {literal}{/literal} közé tenni.

 

 

Utolsó lépés!

Próbáld ki működés közben a funkciót és itt a cikk alján szólj hozzá a cikkhez. Egy köszönöm is jól esik :)

 

Elég egy köszönjük


Ha találtál valami hasznosat a cikkben, nyomj egy tetszik gombot:

mennyire vagy ügyes domaines?

Kérlek írj egy köszönömöt, ha tetszett!

Csatlakozz a beszélgetéshez!

Mi ez, hova kerültem?

A domainflotta.hu honlap tudásbázisát nézed éppen. Rengeteg leírást és szoftveres segítséget adunk, amivel megnövelheted a forgalmad. Vagy épp megvalósíthatod az ötleted.




domain tárhely regisztráció



Ezeket már olvastad?



Dropbox használata és telepítése

Régóta ismerem ezt a szolgáltatást, azonban csak pár hónap...

Megnézte: 67422 ember
8 trükk amivel meghódítod a YouTube csúcsát

Ehhez elõször kicsit vissza kell ugranunk az idõben 2005-be, amikor is a&nbs...

Megnézte: 13565 ember
Levelezés saját domain névvel - Gmailen keresztül

Ez az információ már elavult. A Google megszüntette a Gmail összek&ou...

Megnézte: 12108 ember
Hogyan tudok html kódot beilleszteni az oldalamba?

 Mire jó?Nagyon sok olyan eset van, amikor be kell illeszteni egy html kódot az oldalba. Ez...

Megnézte: 11677 ember
Mutathat-e egy tárhelyre több domain?

 Válasz: Igen Az osztott tárhelyeinkrõl a több honlap egy tárhelyen menüpontban olvasha...

Megnézte: 9737 ember
Regisztráció tematikus katalógusokba

Linkgyûjtemény | Tematikus Linkek | Link regisztrációA linkgyûjteményekbe és te...

Megnézte: 9164 ember
Adwords kupon ingyen

Használj kupon kódokat, hogy teszteld az elsõ kampányod sikerét. ...

Megnézte: 8933 ember
Backlinks II

Mixed backlinks – are links pointing to your site or your web 2.0 properties from several ...

Megnézte: 8580 ember
Domain átirányítás = Google büntetés

 Sokan nem tudják, pedig létfontosságú:A Google bünteti a duplikált tartalmakat. Így a...

Megnézte: 8524 ember
Mit jelent a Google Barát Tárhelyek kifejezés?

Mi Az a Google Barát Tárhely? Tudni akarod mi a különbség 2 tökéletesen optimalizált honl...

Megnézte: 7934 ember