Jak přidat tlačítko To se mi líbí na Facebooku. Vložte tlačítko To se mi líbí z Facebooku. Používání „lajků“ na externích zdrojích

Chtěl jsem dát několik témat do jednoho příspěvku: najít a přidat přátele, přidat blok „To se mi líbí“, inzerovat vytvořenou stránku.

Pokud můžete nyní psát o prvních dvou, pak reklama na stránku ještě vyžaduje nějaký čas. Zajímá nás nejen podstata tohoto procesu, ale i nějaké statistiky (co, kde, za co atd.). Proto na reklamní stránce o něco později.

A v tomto příspěvku přidáme blok „To se mi líbí“ nebo „jejich“ „To se mi líbí“ z facebooku na náš web, poté přidáme přátele na náš facebookový účet a ve výsledku nabídneme naši stránku našemu stávající přátelé.

Přidání bloku „To se mi líbí“.

Widget Facebooku je blok skládající se z tlačítka „To se mi líbí“ a fotografií těch uživatelů, kteří na toto tlačítko skutečně klikli. Na příkladu bloku, který jsem nainstaloval (viz níže), můžete vidět, jak by mohl zhruba vypadat na vašem webu.

Tento widget je dostupný pouze pro stránky vytvořené na facebooku. Pokud stránku nemáte, můžete si ji nainstalovat bez takového widgetu. Taky nezbytná věc. Ale přesto doporučuji vytvořit a nastavit stránku, o které jsem psal v .

Máme stránku, přejdeme k nastavení widgetu. Klikněte na a jste na stránce vytvoření widgetu. Zde je před námi zázrak:

Body:

Jak bude vytvořený blok vypadat, můžete vidět přímo tam, vpravo.

Zde končí nastavení nabízená Facebookem, zmáčknout tlačítko"Získat kód":

Zobrazí se vyskakovací okno. V tomto okně jsou dva typy kódu. Nainstaloval jsem první. Zkoušel jsem nainstalovat druhý, nevypadá moc dobře.

Zde je kód pro moji facebookovou stránku:

< iframe src= "http://сайт/www.facebook.com/plugins/likebox.php?href=http%3A%2F %2F www.facebook.com%2F pervushincom&width=681&colorscheme=light&show_faces=true&stream=false&header=true&height=62" scrolling= "no" frameborder= "0" style= "border:none; overflow:hidden; width:681px; height:62px;" allowTransparency= "true" >

Vzpomeňte si výše, o čem jsem mluvil výškový parametr, o jehož konfiguraci nejsme požádáni? Ve výchozím nastavení má tento parametr hodnotu 62px, pro můj blog se to ukázalo jako málo a změnil jsem to, nyní je to 165px.

Přizpůsobený kód musí být umístěn v naší šabloně motoru. Pokud jste jako já, tak ve složce s tématem (wp-content/themes/vaše téma) najdeme soubor single.php. Tento soubor je zodpovědný za výstup jednoho záznamu. Otevřete soubor a za tagem vložte přijatý kód.

Tento kód si samozřejmě můžete nainstalovat kamkoli. Můžete například zobrazit widget v postranním panelu, poté nastavit parametry widht a height v souladu s šířkou vašeho postranního panelu a zapsat kód do souboru sidebar.php.

Zdá se, že vše není tak složité, ale pokud máte problémy, můžete se samozřejmě zeptat v komentářích nebo nainstalovat plugin. Například . Tento plugin má všechna potřebná nastavení.

Přidávání přátel

Nyní pojďme přes přátele. Naším cílem je přilákat co nejvíce lidí více uživatelů facebook na stránku vytvořenou pro blog. Je to příspěvek do budoucnosti, trvalý, cílený provoz na hlavní blog.

Na stránku nemůžeme přidávat přátele, ale můžeme právě tuto stránku nabídnout našim přátelům, myslím přátelům našeho facebookového účtu. Ale přidání přátel do vašeho účtu je vítáno, jak chcete. Ale nepřehánějte to, jinak se můžete chytit.

Přidávání přátel je snadné. Tuto metodu můžete samozřejmě nazvat masturbací, ale je to jednoduché a bezplatné.

Přejděte na stránku svého účtu na Facebooku. Ve sloupci vpravo je blok „Možná je znáte“, který zobrazuje dva uživatele. V tomto bloku je pod každým uživatelem odkaz „Přidat jako přítele“.

Ve většině případů uživatelé s naším požadavkem ochotně souhlasí.

Co bude dál? A když už máte určitý počet přátel, můžete jim nabídnout naši stránku. Pro tyto účely má facebooková stránka možnost „Navrhnout přátelům“. Nachází se v nabídce vlevo pod logem vaší stránky (webu, blogu):

Kliknutím na tuto možnost se objeví okno, ve kterém budou všichni naši přátelé. Vyberte je a klikněte na tlačítko „Odeslat“:

No a to je v tomto příspěvku vše. O něco později, možná za týden, zveřejním příspěvek na reklamu na Facebooku.

Mimochodem, znáte nějaké metody propagace stránek na Facebooku kromě doporučení přátelům a reklamy?

Tlačítko „To se mi líbí“ na Facebooku vám umožňuje sdílet článek v nejoblíbenějších sociální síť ve světě.

Instalace tlačítka „To se mi líbí“ pro Facebook

Přejděte do sekce „To se mi líbí“ na webu Facebooku. Nebo ručně přejděte v dolní části stránky na položku „ Pro vývojáře", vyberte sekci " Web" Na další strana jít do " Integrujte Facebook do svých webových stránek" Dále na levé straně nabídky vyberte kartu „ Základní koncepty", existuje sekce " Sociální pluginy" Přejděte na položku „To se mi líbí“.

Vyplňujeme následující formulář:

Hodnoty:

• Adresa URL pro To se mi líbí— adresa stránky, která se bude líbit. Je lepší nechat prázdné, v takovém případě bude adresa stránky, na které se tlačítko nachází, automaticky nahrazena
• Tlačítko Odeslat — přídavné tlačítko, která vám umožní poslat článek přátelům. Osobně jsem to odstranil
• Styl rozvržení— umožňuje vybrat styl tlačítka. Zkuste to změnit, příklad tlačítka se změní automaticky
• Šířka— šířka knoflíku. Nicméně, ať jsem změnil sebevíc, tlačítko zůstalo stejné
• Zobrazit tváře— je-li povoleno, zobrazí se avatary těch, kteří stiskli tlačítko
• Písmo— umožňuje vybrat písmo pro štítek tlačítka
• Barevné schéma— výběr mezi světlým a tmavým designem. Mně tmavá nevypadá vůbec dobře
• Sloveso k zobrazení— vyberte nápis na tlačítku: „Líbí se mi“ nebo „Doporučuji“

Po vyplnění všech polí klikněte na tlačítko „Získat kód“. Zobrazí se okno s kódem. První díl vložíme do šablony po otevírací značka těla:

Výchozí

//

// if (d . getElementById (id) ) return ; js = d . createElement(s); js. id = id ; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1" ;

Pokud vezmeme v úvahu sociální tlačítka z terminologického hlediska je lze klasifikovat jako behaviorální faktory. Pokud totiž uživatel navštívil váš web, seznámil se s obsahem a nakonec jej sdílel na nějaké sociální síti se svými přáteli, pak je obsah skutečně kvalitní a pro uživatele užitečný, a to je dobrý důvod k tomu, aby kvalitní zdroj ve výsledcích vyhledávání

V tomto článku vám řeknu, jak propojit jakýkoli web s nejpopulárnější zahraniční sociální sítí s názvem Facebook. V RuNet samozřejmě zaostává v popularitě ve srovnání s takovými nativními „kontakty“ a „oddnoklassniki“. Ale existuje a jeho popularita v Rusku každým rokem jen roste.

Je velmi snadné nainstalovat tlačítko Facebook - můžete nainstalovat speciální plugin(v závislosti na enginu, který používáte), ale to může vést k dodatečnému zatížení stránek webu (a to bude mít negativní dopad na samotný web; kdo čeká na načtení stránky, je snazší takový web zavřít a podívat se pro informace jinde), takže je lepší vložit kód, který dává oficiální web Facebooku, stránku to vůbec nenačte, zkrátka přináší samé výhody.

Pokud se rozhodnete získat tlačítko Facebook, přejděte na oficiální web Facebooku, přejděte do sekce s názvem „Vývojáři“ (nachází se v patičce webu) a poté vyberte sociální pluginy, klikněte na modré tlačítko „To se mi líbí, sdílejte a odešlete“, odtud budete přesměrováni na stránku s pokyny a skripty, přečtěte si informace. Posuňte stránku dolů a najděte formulář, který chcete vyplnit, a proto vyplňte požadovaná pole:

• Url - s tím by neměly být žádné otázky, samotná adresa webu.
• Tlačítko Odeslat – zde by měla být značka zaškrtnutí.
• Styl rozvržení – přizpůsobit vzhled tlačítka.
• Šířka - šířka samotného tlačítka.
• Zobrazit obličeje - pokud chcete, můžete tuto možnost vybrat a následně se zobrazí avatary uživatelů, kteří již dali like, vše je na vašem uvážení...
• Font - design písma.
• Barevné schéma je barevné schéma samotné tlačítko. Vyberte si design podobný designu vašeho webu.
• Sloveso k zobrazení - vyberte slovo zobrazené na tlačítku: líbí, doporučovat atd. - podle svého uvážení (ačkoli častěji se používá „To se mi líbí“).

Odešlete formulář. Chcete-li to provést, musíte kliknout na „Získat kód“ a poté zkopírovat výsledek na všechny stránky vašeho webu.

Když už mluvíme o WordPressu, budete muset kód vložit do single.php (protože tento soubor zobrazuje příspěvky). Na některých enginech stačí přidat skript do template.php in Správné místo. Jak vidíte, implementace tlačítka Facebook na web/blog je docela snadná! A pro propagaci webových stránek ve vyhledávačích jsou prostě nezbytné.

Dobrý den, milí čtenáři blogu. Dnes se naučíme, jak na náš web vložit tlačítka s počítadly z oblíbených sociálních sítí, jako je Google+, Facebook, VKontakte a Twitter.

Ale navrhneme je jako blog. Zdá se mi, že je to velmi jednoduché a nic zbytečného. Myslím, že se vám to bude líbit.

Tak a teď pojďme.

Tlačítko pro přechod na web Google+

Od samého začátku musíme jít na tuto stránku. Poté se otevře stránka, na které si můžeme vybrat tlačítko, které se nám nejvíce líbí, a podle toho k němu vzít kód.

Protože děláme podle příkladu, který jsme si vybrali standardní tlačítko z Google+ s počítadlem. V anotaci jsme zvolili bublinu a jazykem tedy byla ruština. Máme tedy následující kód, který následně vložíme na náš web:

Tlačítko pro stránku „To se mi líbí“ od VKontakte.

Pojďme dál tady. Nyní musíte nejprve připojit nový web. Tímto způsobem se vytvoří samostatné identifikační číslo speciálně pro váš web. Chcete-li připojit web, stačí vyplnit tři pole – „Název webu“, „Adresa webu“ a „Hlavní doména webu“.

Po všech těchto jednoduchých krocích si můžete vybrat typ našeho tlačítka VKontakte. V našem případě vybereme standardní tlačítko s textovým čítačem.

Jak vidíte, výška tlačítka je 22 pixelů. Líbí se mi název tlačítka. Všechny tyto hodnoty můžete změnit, aby vám vyhovovaly.

A teď je nejdůležitější kód pro vložení tlačítka na stránky. U každého webu se toho moc nezmění vzhledem k id číslu, které jsem uvedl výše.

Tento kód je potřeba vložit ve dvou fázích do záhlaví vašeho webu a část kódu na místo na stránce, kde chcete, aby se tlačítko zobrazilo.

Kód v záhlaví webu mezi a:

VK.init((apiId: Vaše identifikační číslo, pouze Widgety: true));

Kód pro zobrazení tlačítka na VKontakte:

VK.Widgets.Like("vk_like", (typ: "tlačítko"),);

Facebook tlačítko „To se mi líbí“ pro daný web.

Chcete-li přidat toto tlačítko na svůj web, musíte nejprve přejít na tuto stránku. Potom uvidíme následující:

Nyní se podívejme, co znamenají některá pole na stránce nastavení.

Tlačítko Odeslat (pouze XFBML) – pokud budete postupovat podle příkladu jako na stránce, musíte zrušit zaškrtnutí políčka vedle tlačítka Odeslat. Toto zaškrtávací políčko odstraní nebo přidá další pole do tlačítka „Odeslat“.

Šířka – zde se nastavuje šířka tlačítka.

Zobrazit tváře – zde si můžeme vybrat, zda se mají zobrazovat nebo nezobrazovat uživatelské avatary.

Sloveso k zobrazení - zde můžeme vybrat text v tlačítku „To se mi líbí“ nebo „Doporučuji“.

Barevné schéma - Zde si můžete vybrat design tlačítka pro světlé nebo tmavé stránky.

Písmo — vyberte písmo pro štítky v tlačítku.

Poté, co jsme vybrali nastavení, najděte tlačítko „Získat kód“ a klikněte na něj. Dále se objeví okno s kódem, který je také třeba vložit ve dvou fázích:

Vložte kód bezprostředně za značku

(funkce(d, s, id) ( var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs )(dokument, "script", "facebook-jssdk");

Kód pro zobrazení tlačítka

Vložte tento kód tam, kde by se mělo zobrazovat tlačítko facebook:

Tlačítko na web z Twitteru

Pojďme dovnitř. A pak se otevřelo toto okno ;-)

Zde si můžeme vybrat několik různá tlačítka, ale v v tomto případě vybereme první - Odeslat odkaz.

Vpravo bude pole s kódem, který musíte zkopírovat a vložit na web, kde jej potřebujete. Takto vypadá kód:

tweet

To je vše, naučili jsme se přidávat tlačítka. Nyní je musíme zarovnat a trochu ozdobit..

Zarovnání tlačítek jako na webu.

Pro začátek jsem přišel s jednoduchou třídou pro styly CSS – „sochknop“. A tady je, jak vypadají CSS styly s touto třídou:

#sochknop ( opacity: 0,7; margin-bottom:20px; margin-left:55px; margin-top:45px; -moz-transition: neprůhlednost 0,3s 0,05s lehkost; -o-transition: neprůhlednost 0,3s 0,05s lehkost; - webkit-transition: opacity 0,3s 0,05s easy ) #sochknop:hover ( margin-top:45px; opacity: 1; ) #sochknop span ( -o-margin-top:40px; padding:0px 0px; line-height: 10px; float:left)

Jak vidíte, pro proměnnou sochknop jsem přidal : a . To dodává tlačítkům hladkou průhlednost. Pokud se vám to nelíbí, jednoduše odstraňte řádek neprůhlednosti:

Nyní se podívejme, jak to bude vypadat v HTML.

Příklad kódu bez kódů tlačítek (aby to bylo jasnější)

Tlačítko z Google+ Tlačítko z VKontakte Tlačítko z Twitter Button z Facebooku

Příklad kódu s kódy tlačítek:

window.___gcfg = (lang: "ru"); (function() ( var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/ plusone.js"; var s = document.getElementsByTagName("script"); s.parentNode.insertBefore(po, s); ))(); VK.Widgets.Like("vk_like", (typ: "tlačítko")); tweet!function(d,s,id)(var js,fjs=d.getElementsByTagName(s);if(!d.getElementById(id))(js=d.createElement(s);js.id=id;js. src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);))(document,"script","twitter-wjs");

Přátelé, umístění tlačítek můžete libovolně změnit.

Na sociální síti tlačítko Facebook„To se mi líbí“ (To se mi líbí) umožňuje uživateli sdílet obsah stránek a blogů, které se mu líbí, se svými přáteli na Facebooku. Když uživatel klikne na tlačítko „To se mi líbí“ na webové stránce, materiál, který se mu líbil, se objeví v informačním kanálu přátel tohoto uživatele s zpětný odkaz na tento web. Odkaz se také zobrazí v bloku „To se mi líbí“. osobní stránka Uživatel Facebooku.

Tlačítko „To se mi líbí“ na Facebooku můžete přidat na svůj web nebo blog pomocí speciální kód, který lze získat na webu Facebook Developers. Chcete-li to provést, musíte vyplnit speciální formulář:

Proces získání kódu se skládá z následujících kroků:

• pole URL to Like – adresa stránky, která se vám líbí – by mělo zůstat prázdné, aby adresa stránky, která se vám líbí, byla přiřazena adrese stránky, na které se tlačítko nachází
• Pole Styl rozložení umožňuje vybrat styl designu tlačítka (s počítadlem hlasů nebo bez něj)
• Pole Zobrazit tváře nastavené na hodnotu True vám umožňuje zobrazit avatary uživatelů, kteří si oblíbili tento web nebo blog
• v poli Šířka byste měli zadat šířku pluginu v pixelech
• pole Sloveso k zobrazení zobrazuje název tlačítka „To se mi líbí“ nebo „Doporučit“ (v ruské verzi „To se mi líbí“ nebo „Doporučit“).
• v poli Písmo byste měli vybrat písmo textu
• v poli Barevné schéma vyberte jedno ze dvou navrhovaných schémat návrhu tlačítka: světlé nebo tmavé

Po vyplnění všech polí klikněte na tlačítko „Získat kód“. Chcete-li nyní přidat tlačítko „To se mi líbí“ z Facebooku na svůj web nebo blog, měli byste zkopírovat kód programu z okna, které se otevře.

Horní část okna obsahuje kód iframe a spodní část obsahuje XFBML. Druhá možnost je univerzálnější.

Pokud je pole adresy stránky (URL) ponecháno prázdné, pak po instalaci kódu tlačítka „To se mi líbí“ do html kódu stránky uživatelé, kteří kliknou na toto tlačítko, označí tuto konkrétní stránku „To se mi líbí“.

Pokud vyberete kód iframe, který chcete vložit na web nebo blog WordPress engine, pak se musíte trochu změnit tento kód. Chcete-li to provést, měli byste najít následující část kódu:

http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike

a nahraďte jej následujícím:

Pokud chcete, aby se návštěvníkům „líbil“ celý váš blog nebo web, měli byste nahradit zadanou část kódu adresou URL vašeho zdroje. Poté byste měli umístit kód do šablony stránky webu.

Pokud chcete změnit jazyk tlačítka (ve výchozím nastavení se zpráva na tlačítku zobrazuje v anglický jazyk), pak je potřeba nahradit část URL v kódu tlačítka - nastavit lokalizaci. Chcete-li tedy povolit ruský jazyk, nahraďte v řádku en_US za ru-RU