Vložte sociální sítě. Tlačítka sociálních médií. Všechna tlačítka sociálních médií WordPress na domovské stránce

Od autora:Žijeme v společenský čas. V dnešní době je při online podnikání důležitější než kdy jindy interakce s ostatními lidmi. Kvůli tomu se mnoho lidí zajímá, jak přidat sociální tlačítka na svůj web, aby zlepšili sociální signály. To je velmi chytré, takže bychom určitě měli přijít na to, jak se to dělá.

Význam sociálních tlačítek

Někdy, když čtu velmi užitečný článek, chci si ho nějak uložit. Ne, samozřejmě existuje spousta možností, jak to udělat. Například udělejte snímek obrazovky, zkopírujte veškerý text do poznámkového bloku a stáhněte do pdf formulář atd. Ale ve všech těchto případech majitel stránek nedostává mnoho výhod a to vše není zdaleka nejvíce pohodlnými způsoby ukládání informací.

Obecně, pokud dnes pod článkem nevidím sociální tlačítka, je to přinejmenším překvapivé. Za prvé, je to výhodné pro čtenáře. Za druhé to přináší nepochybné výhody webmasterovi, protože pokud jsou jeho materiály zajímavé, můžete zdarma získat spoustu přirozených sociálních signálů. Žádné podvádění nebo jiné hloupé aktivity.

Možnosti umístění v šablonách

Obecně existují tři hlavní možnosti:

Pod článkem. Nejoblíbenější a nejviditelnější možnost. Je určen k tomu, že si člověk text kompletně přečetl nebo přelouskal, něco se mu líbilo a rozhodl se, že si to nechá pro sebe.

Nad článkem. To je mnohem méně běžné. Zde je výpočet proveden podle názvu a prvních odstavců publikace. Viděl jsem například nadpis „102 možností přípravy kaše“. Ach, zajímavé, hned jsem na to kliknul a uložil to na své sociální sítě. sítě, abyste se později potěšili rozmanitostí u stolu.

Boční (vertikální poloha + fixace). Také docela běžná možnost. Je vhodný pro místa, kde je na boku prostor pro úzký blok. Obvykle v tomto případě není mnoho sociálních sítí, od 3 do 10, aby se vešly na výšku obrazovky.

Poslední možnost nejideálnější, pokud potřebujete maximální sociální signály. Protože tlačítka jsou vždy viditelná a člověk na ně může kdykoli kliknout. Líbí se mu cokoliv v textu a klikne. Důležité ale je, aby tato tlačítka nějak zapadla do designu a neodváděla pozornost od obsahu.

Jak přidat sociální tlačítka na váš web. sítě: možnost pro návrháře rozvržení

Navrhuji první možnost pro designéry rozložení. Tedy pro ty, kteří alespoň trochu rozumí html a css a vědí, jak stylovat prvky. Velmi často musí být design tlačítka jedinečný. Ale služby třetích stran Nedávají vám možnost vytvořit absolutně jakýkoli design; často je záležitost omezena pouze na nastavení pozadí a některých malých parametrů.

Ale existuje řešení! Jsou to tlačítka od GoodShare. Stačí to zadat přímo do vyhledávání a jejich web vám to pravděpodobně vrátí. Skript z goodshare je velmi lehký a jednoduchý, lze jej nainstalovat na pár kliknutí (lze připojit z velmi rychlého CDN). Pokud jste návrhář rozložení nebo máte alespoň malé znalosti, nebudu vám vysvětlovat, jak se skripty instalují, protože to víte.

Mnohem více důležitá informace– toto je přímý výstup tlačítek. Na místo šablony, kde potřebujete zobrazit ikonu, například VK, vložte následující kód:

< div class = "goodshare" data - type = "vk" > < span data - counter = "vk" > < / span > < / div >

V tomto případě je span data-counter volitelný prvek. Toto je počítadlo, které ukáže počet kliknutí na ikonu. Aby to fungovalo, musíte mít povolený jQuery. Ve většině případů nepotřebujete počítadlo, takže nepotřebujete tento kus kódu. Ve skutečnosti je celý zbytek kódu v dokumentaci:

Tímto způsobem můžete vytvořit sadu ikon, kterou potřebujete. Mimochodem, bez stylů se nic nezobrazí. Tlačítka z goodshare budou muset být navržena od začátku, ale to je přesně to, co jako designér potřebujete? Pomocí tlačítka můžete do prvku div použít libovolné styly, vložit libovolný text a jakékoli další prvky.

Mimochodem, jak lze tato tlačítka stylizovat? No, jsou 2 možnosti. Ke každému můžete jednoduše přidat nový stylová třída, nebo můžete použít selektory atributů. Takhle:

div(...)

div [data-type = vk ] ( . . . )

Pomocí tohoto voliče můžete určit styly tlačítka pro sdílení příspěvku na sociální síti VKontakte.

Jak můžete vidět, skript z Goodshare poskytuje vynikající příležitosti. Je vysoce optimalizovaný a umožňuje vytvářet libovolné druh sociálního. tlačítka

jiné metody

Nebo jakýkoli vhodný plugin pro váš motor. Jsem si jistý, že takových rozšíření je poměrně hodně. Stačí vyhledat pluginy se slovy jako „sociální“ a „sdílet“ a okamžitě získáte něco takového.

Nebudu podrobně vysvětlovat instalaci tlačítek pomocí těchto metod, protože se řídí jedním scénářem a stačí se řídit pokyny služeb.

Dobrý den, drazí přátelé. Dnešní článek bude věnován tvorbě bloku sociální tlačítka bez služeb a pluginů. Tento blok bude také obsahovat tlačítka, která návštěvníkům webu umožní stránku vytisknout, odeslat odkaz na článek e-mailem a uložte si článek do záložek. Taková tlačítka dnes najdeme téměř na každém webu. Teprve nyní jsou implementovány pomocí služeb nebo pluginů. A já vám ukážu, jak to udělat sami.

Služby, které jsem používal na klientských stránkách a na svém blogu – a . Tyto služby usnadňují realizaci úkolu.

Jaká je výhoda vlastních sociálních tlačítek oproti službám a pluginům?

1. Samozřejmě neoddiskutovatelným faktorem je rychlost načítání stránek. Takže například služba PLUSO, kterou na blogu používám, v lepším případě přidá k zátěži 633 milisekund.

A v tomto bloku jsou použity pouze nezbytné obrázky sociálních tlačítek, kombinované do . Všechny styly jsou omezeny na minimum. Plus jednoduchý html framework.

1. Metoda, kterou navrhuji, žádné neobsahuje Externí odkaz. Ne, existují odkazy, ale všechny budou jako interní odkazy. Vždy je můžete použít, pokud chcete. A pak nebudou vůbec vidět.

1. Velmi lehká instalace. Stačí vložit html kód bloku do zdroj stránky webu, nahrát sprite, přidat css styly a instalace je dokončena. Stačí opravit cestu k souboru s obrázky tlačítek.
2. Tento bod není ani plus, ani mínus směrem k vašemu vlastnímu bloku sociálních tlačítek. Trik je v tom, že jeho vlastní blok nemá počítadlo stisknutí tlačítka. A to lze považovat za mínus. Ale na druhou stranu je možné každé tlačítko nasadit a budete přesně vědět, kolikrát vaši návštěvníci klikli na tlačítka a sdíleli vaše články na sociálních sítích.
3. Statistiky shromážděné službami na vašem webu již nebudou přenášeny třetím stranám.

Vložení bloku sociálních tlačítek do zdrojového kódu

zvážíme klasická verze, kdy jsou tlačítka umístěna za článkem.

To lze provést buď otevřením souboru odpovědného za výstup článků (single.php) a přidáním bloku sociálních tlačítek do zdrojového kódu. Alternativně to lze provést prostřednictvím souboru funkcí tématu (functions.php).

Ukážu obě možnosti a vy si vyberete tu, která vám vyhovuje.

Vložení bloku do zdrojového kódu single.php

Upozornění: Před zahájením všech akcí proveďte záložní kopie single.php soubor!

Otevírací administrativní panel WordPress – "Vzhled" — "Editor" — "Jeden záznam (single.php)".

Ve zdrojovém kódu hledejte místo, kde výstup článku končí a komentáře resp navigace na stránce. Právě na toto místo budete muset vložit html kód pro blok sociálních tlačítek.

Podívejte se pozorně na snímek obrazovky, zaměřte se na kódy odpovědné za zobrazení článkua komentáře. A vložte kód níže.

Samozřejmě, že ve vašich šablonách budou nějaké rozdíly, ale jsem si jistý, že na to přijdete, není na tom nic složitého. A navíc máte záložní kopii, není se čeho bát.

A zde je html kód pro blok sociálních tlačítek:

Vysvětlení ke kódu: Toto je jeden blok DIV s třídou .share, která obsahuje odkazy na sociální sítě. Odkaz se otevře v samostatném vyskakovacím okně, za to je zodpovědná funkce onClick=window.open. Nahrazení odkazu na článek se provádí pomocí tohoto kódu. Každý odkaz má svou třídu, jejímž prostřednictvím je přiřazen obrázek tlačítka.

Tím je vkládání přes zdrojový kód dokončeno. A pak je potřeba propojit css styly.

Vložení bloku do zdrojového kódu single.php pomocí funkcí tématu

Upozornění: před zahájením práce si udělejte záložní kopii svého souboru functions.php!

Chcete-li použít tuto možnost, musíte otevřít soubor functions.php a přidat tento kód na úplný konec:

/* Vkládání sociálních tlačítek */ add_action("šablona_komentářů","soc_button"); funkce soc_button() ( ?> A pozor, po vložení kódu byste neměli mít mezery ani jiné znaky. Nebo jen zavřete php kód?>. Jinak stránka přestane fungovat.

Vysvětlení ke kódu: místo, kde budou tlačítka zobrazena sociální sítě, je určeno prostřednictvím API klíčšablona_komentářů . Tento klíč určuje místo před komentáři. Samotný kód sociálního tlačítka je uzavřen v úvodních backtagech a zavírání php. V kódu jsem je označil červeně. To je celý trik vkládání html kód v php, prostřednictvím funkcí tématu.

Tím je metoda dokončena; přejdeme k nahrávání obrázků na web.

Nahrání obrázků tlačítek na server

Jako příklad jsem připravil několik sprajtů s obrázky sociálních tlačítek. Můžete si je stáhnout.

Sprite, který používám jako příklad, má pouze 3,97 kb a obsahuje pouze nezbytná tlačítka. A protože se jedná o sprite, pak je pouze jeden požadavek na databázi a ne pro každé tlačítko zvlášť.

Stáhněte si obrázky nebo si připravte vlastní a nahrajte je na svůj web. Myslím, že by s tím neměly být žádné problémy. Dále bude potřeba odkaz na tento sprite k návrhu tlačítek pomocí stylů css.

Propojování CSS stylů

Tento krok lze samozřejmě dokončit jako první, ale já preferuji nejprve dokončit všechny obtížné kroky. technické práce a poté pokračujte příjemné maličkosti se styly css.

Otevřete tedy soubor style.css, který je zodpovědný za design vašeho webu. A vložte tyto styly:

Share a ( display: inline-block; vertical-align: inherit; margin: 5px 0 0 2px; padding: 0px; font-size: 0px; width: 40px; height: 40px; background: url("http://test ..png ") no-repeat scroll 0px 0px transparent;) .share a.vkontakte ( background: url("http://test..png ") no-repeat scroll -168px 0px transparent; ) .share a.google ( background: url("http://test..png ") no-repeat scroll -252px 0px transparent; ) .share a.livejournal ( background: url("http://test..png ") no-repeat scroll -336px 0px transparentní; ) .share a.twitter ( background: url("http://test..png") bez opakování scroll -42px 0px transparentní; ) .share a.mail ( background: url("http ://test..png ") posouvání bez opakování -294px 0px průhledné; ) .share a.odnoklassniki (pozadí: url("http://test..png ") posouvání bez opakování -126px 0px průhledné; ) .share a.pinterest ( background: url("http://test..png ") neopakovatelné posouvání -210px 0px transparentní; ) .share a.liveinternet ( background: url("http://test..png) ") rolování bez opakování -378px 0px průhledné; ) .share a.evernote ( background: url("http://test..png") neopakovatelné posouvání -420px 0px transparentní; ) .share a.bookmark ( background: url("http://test.. png ") posouvání bez opakování -462px 0px průhledné; ) .share a.email (pozadí: url("http://test..png ") posouvání bez opakování -504px 0px průhledné; ) .share a.print ( background: url("http://test..png ") no-repeat scroll -546px 0px transparent ) .share a.digg ( background: url("http://test..png ") no-repeat scroll - 588px 0px transparentní; ) .share a.spring ( background: url("http://test..png") bez opakování -630px 0px transparentní; )

Vysvětlení ke kódu: class.share definuje obecná forma bloku, velikost každého tlačítka, odsazení a nastavení jednoho pozadí. A pak má každý odkaz svou třídu a každému takovému odkazu je přiřazen typ tlačítka prostřednictvím vlastnosti pozadí. Tlačítka jsou vyrobena v css kvalita sprite a každé tlačítko má šířku a výšku 40px a mezi nimi okraj 2px, což umožňuje přesně definovat obrázek pro každé tlačítko. To znamená, že první tlačítko je označeno jako 0 a druhé jako 42 a tak dále. V kódu jsou tyto hodnoty uvedeny oranžový. Odkaz na sprite je také zvýrazněn oranžově, změníte jej na cestu k vašemu spritu.

Tím je celý proces vytváření vlastního bloku sociálních tlačítek dokončen. Můžete bezpečně přejít ke kontrole.

Mám i videonávod, ve kterém je celý proces názorně ukázán, včetně ovládání samotných tlačítek. Sledujte a implementujte na své weby a blogy.

To je vše. S úkolem jsem se vyrovnal. Přeji vám všem hodně štěstí a na viděnou u nových článků a videonávodů.

Sociální média skvělý nástroj k propagaci vašeho webu na internetu. Prostřednictvím sociálních sítí můžete nastavit enormní provoz vašeho zdroje zcela zdarma pomocí běžného přístupu - tlačítek sociální sítě. Tlačítka sociálních sítí na webu mohou výrazně zlepšit nejen návštěvnost, ale i vztahy s vyhledávači, a tím opět zvýšit návštěvnost.

V tomto článku jsem shromáždil vše možné způsoby připojení tlačítek sociálních sítí pro web, pokud nenajdete to, co potřebujete, napište do komentářů, určitě to přidám. O jakých metodách se bude diskutovat:

Začít malá exkurze na téma, co jsou stejná tlačítka sociálních médií pro web a proč jsou potřebná.
Vynikající video ze služby Pluso vám pomůže snadno vybrat, nakonfigurovat a implementovat tlačítka na absolutně jakékoli webové stránce:

Na tento moment Sociální sítě hrají v životě průměrného člověka obrovskou roli. Téměř každý druhý má alespoň jeden profil na sociálních sítích. Z tohoto důvodu je využití příležitostí k propagaci webových stránek na sociálních sítích tak důležité, že se jedná o obrovský svět uživatelů a kupujících.

Myslím, že vzhledem k tomu, že čtete tento článek, znáte přibližný nebo přesný účel tlačítek pro sdílení na webu, což znamená, že můžeme přejít k hlavní části článku, a to přidávání ikon.

Tlačítka sociálních sítí Yandex

Populární ruskojazyčný vyhledávač poskytuje vynikající příležitost pro tlačítka sociálních sítí na webu od společnosti Yandex. Všechno je zde bolestně jednoduché:

Nyní pár obrázků pro lepší pochopení, pojďme si vybrat, které stránky budeme používat:

Vybíráme vzhled, tlačítka s počítadlem nebo bez něj, malé nebo velké, a zkopírujte kód pro vložení na web:

Všechno je extrémně jednoduché, je to dokonce jednodušší než používání pluginů, alespoň mi to tak připadá.

Nebudu je všechny hodnotit. možné služby, jejich podstata je stejná:

1. Vyberte sociální sítě.
2. Změňte svůj vzhled.
3. Zkopírujte kód.
4. Vložte jej na svůj web.

Nyní seznam služeb:

• http://share.pluso.ru/
• http://share42.com/ru
• https://uptolike.com/
• http://social-likes.js.org/ru/

Nastavení je téměř totožné, můžete si vybrat pro vás srozumitelnější nebo širší funkčnost. Příklad první služby:

Nebudu to dlouho popisovat, není potřeba, vše je intuitivní.

Jak nainstalovat tlačítka sociálních médií na web WordPress

Tlačítka odkazů se obvykle nacházejí pod články nebo na bočních panelech. Pro umístění tlačítek sociálních sítí na váš web budeme muset nainstalovat a nakonfigurovat požadovaný plugin nebo vložit kód přímo do šablony. Nejprve se podíváme na pluginy a potom ruční přidání tlačítka Můžete si přečíst, jak nainstalovat pluginy.

Pro tento případ vybrali jsme dva pohodlný plugin, které se nazývají Social Share Buttons a Jetpack.

První pokročilejší plugin pro přidání tlačítek sociálních sítí na váš web WordPress je Jetpack.

Tento plugin byl vytvořen a udržován vývojáři WordPress, a proto je důvěryhodný více než ostatním.

Poté klikneme na „Přizpůsobit“ a přeneseme se do nabídky nastavení sociální sítě.

V tomto bloku vybíráme tlačítka, která potřebujeme pro sociální sítě.

Chcete-li vybrat ty, které potřebujeme, stačí je přetáhnout tlačítka sociálních médií od horního pole dolů, níže uvidíme vizuální zobrazení ikon.

V dalším menu konfigurujeme styl tlačítka A místa jejich stažení na našem webu.

Poté, co nakonfigurujeme, co potřebujeme, klikněte na „Uložit změny“ a naše tlačítka sociálních médií se objeví pod našimi příspěvky na webu.

Instalace tlačítek sociálních médií na web WordPress. Nastavení tlačítek pro sdílení na sociálních sítích.

Takže se netlučme, ale pojďme rovnou na to instalace tlačítek sociálních médií. Jdeme do nabídky nastavení a přidání pluginů. Prostřednictvím vyhledávání najdeme naše navrhovaná tlačítka sociálního sdílení pro WordPress.

Instalováno a aktivováno plugin pro přidávání ikon sociálních sítí, přejděte do nové nabídky, která se objeví z konzole našeho WordPressu – Sdílet tlačítka.

Jak vidíte, naše menu je rozděleno do tří podmenu, pojďme se podívat a analyzovat každé z nich samostatně:

Hlavní nastavení pro zobrazování tlačítek sociálních sítí na webu WordPress.

Co zde můžeme konfigurovat?

• Můžeme nahrát logo našeho webu, což našim tlačítkům poskytne vizuální spojení s naším zdrojem.
• Nad tlačítky lze umístit text volání nebo něco podobného.
• Automatické generování metadat, která budou propojena s publikovaným článkem na sociální síti.
• Umístění tlačítek sociálních sítí, vlevo vpravo uprostřed vzhledem k článku.
• Svislé polohy tlačítek, spodní nebo horní.

A zaškrtávací políčka pro výběr, kde se budou vaše tlačítka zobrazovat, z pozice „Domů“ bylo zaškrtávací políčko odstraněno, protože nepotřebujeme tlačítka pod každým oznámením článku na hlavní stránce, můžete také vyloučit články, na kterých ikony tlačítek nebudou zobrazeno.

Nastavení sdílení, volba stylu tlačítek pro sociální sítě.

1. Vybíráme styl, který se nám líbí, a třídíme naše ikony podle našeho uvážení.
2. Nastavili jsme pomocí kterých sociálních sítí. sítě, se kterými chcete komunikovat, a kde podle toho propagovat svůj produkt.
3. Nastavení odsazení mezi ikonami.

V tomto cyklu nastavování tlačítek pro interakci se sociálními sítěmi na webu WordPress se musíte zabývat každým tlačítkem zvlášť, pokud vás to zajímá a potřebujete zjistit, co je co.

Po provedení všech nastavení můžeme ověřit jejich užitečnost a funkčnost na vašem webu WordPress.

Jaký plugin použijete, je na vás, ale doporučuji Jetpack, je často aktualizován a je rychlejší v provozu.

Přidání každého tlačítka sociálních médií jednotlivě

Twitter také poskytuje rozsáhlé nastavení pro tlačítka. Odkaz, snímek obrazovky níže:

Málokdo to používá, ale tlačítko z mail ru může být také užitečné.

Vypadá to jako Odnoklassniki, proč by to bylo 😆 .

Přidávání ikon do profilů a skupin na sociálních sítích na webu

Teď vám to ukážu malý příklad jak můžete přidat ikony do profilů na sociálních sítích na webu. Tento metoda bude fungovat nejen pro WordPress, ale pro jakýkoli jiný web.

Co tedy potřebujeme:

• Rozhodněte o budoucím umístění ikon;
• minimální znalost html a CSS, bez ohledu na to, jak se na to díváte, nemohu předvídat všechny možnosti, které můžete potřebovat.
• hotové obrázky-ikony sociálních sítí, stažené z internetu. Pomocí vyhledávání jich najdete spoustu.
• přístup k souborům šablon.

Nejprve vám ukážu malý kód pro 2 sociální sítě, VK a G+, a také ikonu Pásky FeedBurner. Analogicky můžete přidat tolik ikon, kolik chcete.

< div class = "head-icon" > < a href = "http://feeds.feedburner.com/yrokiwp"> < img title = "Přihlásit se k odběru RSS" alt = "RSS Předplatné" src = !} "//feedburner.google.com/fb/images/pub/feed-icon32x32.png"/ > < / a > < / div > < div class = "head-icon" > < img title = "komunita Vkontakte" alt = "komunita Vkontakte" src = " /images/vk.png"/ > < / a > < / div >

Na internetu pravděpodobně nezůstaly žádné stránky, které by neobsahovaly tlačítka pro odesílání materiály na sociálních sítích. Ty druhé už dlouho a pevně zaujímají místo v našich životech. Komunikujeme tam, seznamujeme se, propagujeme podnikání, čteme novinky a tak dále. Celá řada. Není divu, že webmasteři se snaží rozšířit přítomnost svých stránek na sociálních sítích všemi možnými prostředky. dostupné metody. Koneckonců, existují tuny potenciálního provozu, který potřebuje úplně každý. Tok návštěvníků znamená peníze, pověst, růst. Všechno je postaveno kolem něj. Chutné sousto.

Sociální tlačítka jsou nezbytná, to je zřejmé. Otázka je jiná - které si vybrat? Vyzkoušeli jsme to za vás TOP 5 různé služby pro přidání kódu tlačítka na webové stránky. Cílem je identifikovat ten optimální a detailně jej ukázat. Začněme kvalifikační fází.

Výběr nejlepší služby sociálních tlačítek

Výběr kandidátů pro srovnání se ukázal jako triviální - vzali jsme nejoblíbenější služby , o kterém slyšel každý, kdo se v tématu tvorby webových stránek vůbec orientuje. Žádné vzácné, které si získávají na popularitě, pouze zkušení staříci.

Složení certifikovaného týmu je následující:

Výsledkem testování vybraných sociálních služeb - uSocial byl vůdce . Nyní chcete obdržet zdůvodnění naší volby. Samozřejmě nezůstaneme neopodstatnění.

Vlastnosti tlačítek uSocial

Pojďme dát některá fakta , který nás přesvědčil, že rozhodnutí bylo správné.

Slovní přirovnání mnohým stačit nebude. Proto jsme sestavili srovnávací tabulka tlačítka od uSocial a dalších debutantů (použitá stupnice hodnocení je od 1 do 5). Všechna tato data byla získána během testování.

Doufáme, že naše analýza dokázala rozptýlit vaše pochybnosti o platnosti naší volby. Společenské knoflíky od uSocial mají kromě příjemného vzhledu i hluboký praktický charakter Výkonný nástroj propagovat nějaké projekty.

Návod, jak nainstalovat tlačítka sociálních sítí na web

Chcete-li na svůj web umístit sociální tlačítka z uSocial, musíte provést několik jednoduchých kroků:

Krok 1

Krok 2

Dáváme dohromady sadu sociálních tlačítek. Moci vybrat zobrazeno služby sociálních sítí, tvar a styl tlačítek.

Zde můžete aktivovat tlačítko "Nahoru", povolit podporu mobilní zařízení, připojit služby Viber, WhatsApp, telegram, SMS.

Po dokončení všech operací zadejte adresa svůj web a klikněte na tlačítko "Získat kód".

Krok-3

kopírovat kódskript v okně, které se objeví. Kód musíte vložit na ty stránky vašeho zdroje, kde je potřeba panel sociálních tlačítek. Například v patičce před uzavírací značkou

.

Krok-4

Po instalaci sociální lišty z vašeho osobního účtu uSocial můžete prohlížet statistiky lajků a repostů na zvolené období, a to jak pro všechny sociální sítě najednou, tak pro vybrané. Data jsou zobrazena v přehledných grafech nebo tabulkách.

V osobní účet uSociální všechny vytvořené budou uloženy sady A statistika pro stránky, ke kterým byly připojeny. Kdykoli můžete přepínat mezi místy a analyzovat data přijatá z měřičů.

Jak zvýšit efektivitu sociálního baru?

Pokud se při opětovném zveřejnění materiálu zobrazí nesprávný obrázek a popis, můžete ručně použít speciální meta tagy, které jsou srozumitelné všem sociálním sítím, abyste uvedli, co, kolik a jak se má zobrazit. Pokud se tak nestane, mohou se na sociálních sítích zobrazovat náhodné obrázky a popisy. Je nepravděpodobné, že to potřebujete.

Pokud jsou sociální meta tagy správně vyplněny, budou příspěvky správně vnímány sociální služby, protože označují typ materiálu, příslušný název, odkaz na požadovaný obrázek. To vše zvyšuje efektivitu repostování: váš materiál bude správně indexován sociálními službami.

Příklady mikro značkovací kód pro oblíbené sociální sítě (kód je nutné napsat před značku):

1. Facebook A V kontaktu s použít protokol Open Graph:

3. Pro Cvrlikání kód vypadá takto:

4. Pro Google+ Tak:

- odkaz na profil autora na Google+
- Název webu
- text úryvku (až 40 znaků)
- popis webu
- cesta k souboru obrázku

Nástroje pro práci s mikroznačkami.

V Nedávno Stalo se módou instalovat tlačítka sociálních médií na webové stránky a blogy, a to není překvapivé. Za prvé, tlačítka umožňují zvýšit „lajky“ a „srdíčka“, což má pozitivní vliv na propagaci článků na sociálních sítích. Za druhé, existují samostatné typy tlačítek, které vám umožňují sdílet odkazy jednotlivé stránky stránky na sociálních sítích - to přitahuje další návštěvníky z Vkontakte, Facebooku, Odnoklassniki, Twitteru atd. Za třetí, články, které obdržely velký počet„To se mi líbí“ a „srdíčka“ jsou čtenáři stránek velmi důvěryhodné.

Proto je velmi důležité vědět, jak nainstalovat tlačítka sociálních sítí na web, aby se webový zdroj mohl rozvíjet. Budou zváženy nejoblíbenější sociální sítě

• V kontaktu s
• Facebook
• Spolužáci
• Google „+1“
• Cvrlikání
• Můj svět

Instalace bude diskutována zde standardní tlačítka které nabízejí samotné sociální sítě. V tomto případě bude muset být každé tlačítko instalováno odděleně od ostatních, to chvíli trvá, ale také to vypadá velmi dobře.

1.1. V kontaktu s

1.1.1 Tlačítko „Uložit“.

Tlačítko je poměrně flexibilní, nápis na něm lze změnit na cokoliv chcete (výchozí nastavení je „uložit“).

Nejprve musíte přejít na stránku s, kde obdržíte kód skriptu, který budete muset nainstalovat na svůj web, aby se tlačítko zobrazilo.

Zde si můžete vybrat jeden z 5 styly: tlačítko, tlačítko bez počítadla, odkaz, odkaz bez ikony, ikona.

pole" text» umožňuje změnit standardní nápis „uložit“ na svůj vlastní.

Jako URL si můžete zvolit adresu stránky tlačítkem nebo adresu jiné stránky (dle vlastního výběru). V prvním případě bude tlačítko sdílet odkaz na stránku, kde se nachází samotné tlačítko. V druhém případě bude tlačítko sdílet vámi zadaný odkaz bez ohledu na to, kde se nachází.

Vložit kód se skládá ze dvou částí : první by měl být umístěn kdekoli mezi značkami A, druhý je v místě, kde má být tlačítko zobrazeno. Přečtěte si o instalaci tlačítka na web v odstavci .

1.1.2 Tlačítko „To se mi líbí“.

Druhou možností tlačítka je widget “ Mám rád" Bude snazší jej nainstalovat na web, protože... na konci získáte pouze jeden kus kódu, který bude potřeba vložit na správném místě místo.

Chcete-li tlačítko nakonfigurovat, přejděte na tento odkaz. Zde je také potřeba vyplnit řadu parametrů.

Název webu– zde je lepší uvést krátký a skutečný název vašeho webu.

Webová adresa– uveďte adresu hlavní stránky vašeho webu.

Hlavní doména webu– označte hlavní zrcadlo webu (lze jej nalézt jako parametr operátora „Host“, pokud je to obtížné, ponechte navrhovaný VKONTAKTE).

Možnosti tlačítek- Jedná se o různé styly tlačítka, ovlivňují jeho vzhled.

Výška knoflíku- geometrické rozměry "To se mi líbí."

Název tlačítka– jsou k dispozici dvě možnosti (líbí se mi to, je to zajímavé).

Vložit kód– kód, který je potřeba k zobrazení tlačítka pro sociální síť VKontakte.

1.2 Facebook

Tlačítko na této stránce se konfiguruje. Potíže mohou nastat, protože... komentáře k formuláři se zapisují anglický jazyk, ale níže si můžete přečíst Stručný popis každé pole.

URLnaJako– URL stránky pro tlačítko (pokud pole není vyplněno, bude převzata adresa stránky, na které se tlačítko nachází).

PoslatKnoflík– přítomnost zaškrtnutí zahrnuje novou příležitost– odeslat odkaz na Facebook (zobrazí se přídavné tlačítko- "odeslat"). Po zapnutí se současně zobrazí dvě tlačítka.

Styl rozvržení– styl tlačítka, ovlivňuje jeho vzhled (považováno za standard knoflík_počet).

Šířka– šířka tlačítka v pixelech.

Zobrazit tváře– po zapnutí se zobrazí avatary lidí, kteří již toto tlačítko stiskli.

Písmo– typ písma tlačítka.

Barevné schéma– prostor na pozadí vedle tlačítka (bílé a černé).

Sloveso k zobrazení– název tlačítka (jako, doporučuji).

DostatKód– tlačítko, které generuje kód skriptu.

1.3 Odnoklassniki a Můj svět

Tyto sociální sítě si získaly velkou popularitu Internet v ruském jazyce, žije tam velké množství lidí, takže byste neměli zanedbávat instalaci tlačítka „Třída“ ze služby Odnoklassniki a tlačítka „To se mi líbí“ z webu Můj svět.

Chcete-li nakonfigurovat tlačítka, musíte přejít na . Tlačítka můžete přidávat jednotlivě, každé je upravit jinak, nebo můžete upravovat obě tlačítka současně.

Velikost výšky– geometrická velikost tlačítek.

Pohled– vzhled rámečku tlačítka.

– výběr tlačítka (jako, třída)

Čelit– zapnutí a vypnutí tlačítka stisk počítadla (vpravo, nahoře – umístění počítadla).

Text na tlačítkách– vyberte jeden ze tří názvů dostupných pro tlačítka.

Vložit kód– kód skriptu, který bude nutné nainstalovat na web.

1.4 Google „+ 1“

Nová sociální síť, která krátký čas získal obrovské publikum. Je těžké si představit web bez tlačítka „+1“, protože... umožňuje nejen přidávat odkazy na sociální síť a zvyšovat počet „plusů“, ale může také ovlivnit výsledky webu v TOP vyhledávač Google.

Všechny podrobnosti o tomto, stejně jako instalace a konfigurace tlačítka jsou umístěny.

1.5 Twitter

Nejoblíbenější služba krátké zprávy nelze ignorovat. Nainstalujte si tlačítko pro tuto sociální síť a uvidíte, jak rychle budou lidé sdílet odkazy na váš web na Twitteru. Tlačítko si můžete přizpůsobit zde.

Nejprve je třeba si vybrat požadované tlačítko(zajímá nás první možnost – tlačítko „odeslat odkaz“).

Poté se na stránce objeví formulář s několika poli, která je třeba vyplnit.

Poslat odkaz– vyberte stránku, na které se tlačítko nachází, nebo jakoukoli jinou.

Text– vyberte text, který se objeví vedle tlačítka (NE NA SAMOTNÉM TLAČÍTKU).

Zobrazit počítadlo– povolit nebo zakázat počítání počtu stisknutí tlačítka.

Používáním– výběr metody pro přidání odkazové zprávy na Twitter (prakticky nemá žádný účinek).

Označit– výběr značky, která bude zveřejněna na Twitteru (nic neovlivní).

Velké tlačítko– zvětšení geometrické velikosti tlačítka.

Odhlásit se z přizpůsobení Twitteru– odmítnutí stylů Twitteru (je lepší nechat pole nezaškrtnuté).

Jazyk– vyberte jazyk tlačítek.

Vpravo se vygeneruje kód, který je potřeba přidat na stránku.

1.6 Ya.ru

Chcete-li to provést, musíte vyplnit několik polí, která se vytvoří požadovaný kód skript.

Velikost– malé popř velká velikost tlačítka.

Styl– vyberte si mezi tlačítkem nebo ikonou.

Dostupnost počítadla– povolit nebo zakázat počítadlo stisknutí tlačítka.

Vzhled tlačítka– příklad, jak bude tlačítko vypadat.

Nadpis– vyberte název stránky (vlastní nebo název aktuální stránky).

Vložit kód– požadovaný kód, který je přidán na web.

2. Hotová tlačítka pro web

Pokud ale nechcete na svůj web přidávat kód pro každé tlačítko, můžete použít standardní skripty, které okamžitě vytvoří skupinu tlačítek sociálních sítí. V tomto případě stačí přidat jeden kód takového skriptu na váš web a hned máte nainstalovaná tlačítka pro nejoblíbenější sociální sítě.

Chcete-li nakonfigurovat blok a vybrat požadované sociální sítě, klikněte na tento odkaz. Snímek obrazovky níže ukazuje, že z nabízených můžete vybrat tlačítka pro požadované sociální sítě a také mírně upravit vzhled bloku.

Sada služeb– výběr tlačítek sociálních sítí pro web (na webu se zobrazí tlačítka se zaškrtnutím).

Kód – požadovaný skript, který je třeba přidat na web.

2.2 Tlačítka PLUSO

V poslední době si velkou oblibu získal designér tlačítek sociálních sítí – PLUSO. Na web můžete přejít pomocí tohoto odkazu.

Konstruktor je poměrně flexibilní, má mnoho nastavení, takže můžete vytvářet tlačítka sociálních sítí, která by dokonale zapadla do designu webu.

Nejprve si musíte vybrat styl tlačítek a počítadel z několika nabízených (horizontální, vertikální, barevné, bezbarvé atd.).

Poté je třeba konfigurovat řadu nastavení výběrem

• umístění bloku (vertikální, horizontální);
• barva tlačítka (světlá, tmavá);
• velikost bloku (velký, malý);
• počítadlo (přítomnost nebo nepřítomnost);
• pozadí (bezbarvé nebo barevné);

Kód bude vygenerován podle vámi zadaných parametrů a poté je potřeba jej vložit na web.

Szajíc42

Další službou, která vám umožňuje navrhovat tlačítka pro váš web, je Share42.com/ru.

Tento generátor umožňuje přizpůsobit velikost tlačítek, určit požadované sociální sítě z velkého množství dostupných a také upravit vzhled ikon.

Vyberte velikost tlačítek a požadované sociální sítě a poté pokračujte v konfiguraci dalších možností.

Typ panelu ikon– zobrazení bloku tlačítek (velmi zajímavá je možnost „vertikálně plovoucí“).

Omezte viditelný počet ikon– vyberte počet tlačítek, která se mají zobrazit (ostatní budou skryta za odkazem).

Kódování webu– výběr kódování vašeho webu.

Přidejte ikonu pro web Share42.com– možná by mělo být zaškrtávací políčko zrušeno.

Zobrazit počítadla– povolit počítadlo kliknutí na tlačítko (pouze když je spuštěn jQuery).

Instalace tohoto skriptu je poměrně složitá, ale je popsána krok za krokem na samotném webu Share42.

3. Jak nainstalovat tlačítka na web

Pokud se kód, který je třeba umístit na web, skládá ze dvou částí (jako je tomu u tlačítka VKontakte), je každá část nainstalována samostatně. Pokud není kód rozdělen na dvě části, pak tento krok můžete to přeskočit.

První část kódu je třeba přidat mezi značky A. Chcete-li to provést, přejděte na stránku WordPress administrační panel a přejděte do editoru šablon.

V editoru šablon musíte najít soubor "Titul" (záhlaví.php), pokud nic takového neexistuje, pak - "Hlavní šablona" (index.php). Nyní musíte najít značku nebo. Pokud v zadané soubory neexistují žádné takové značky (všechna témata se liší, může to být i tento případ), pak budete muset otevřít všechny soubory pro úpravy a hledat značku v každém z nich . Pro vyhledávání můžete použít klávesovou zkratku „Ctrl+F“.

Jakmile najdete potřebné značky, můžete zveřejnit první část kódu těsně před závěrečnou značkouhlava>, abyste se omylem nedotkli kódů jiných skriptů.

Druhá část kódu je umístěna tam, kde chcete vidět tlačítka sociálních sítí vybraná pro daný web. Pokud se kód skládá pouze z jedné části, pak stačí provést pouze tuto operaci.

Nejčastěji se tlačítka přidávají před článek nebo na konec. Jednodušší je samozřejmě druhá možnost. Zvážíme to.

Musíte najít místo, kde článek končí (hlavní textová část stránky). Chcete-li to provést, musíte soubor upravit "Jeden záznam" (singl.php).

Nyní musíte najít operátora, který je zodpovědný za zobrazení hlavního obsahu článku. V mém případě je to „the_content“, hned za ním je umístěn kód tlačítka.

Podobně můžete kód umístit na začátek článku, stačí najít místo mezi nadpisem a textem článku.