Html kód pro skupinová sociální tlačítka. Tlačítka sociálních médií

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, poznáváme se, propagujeme obchod, čteme novinky a tak dále. Celé spektrum. Není divu, že se webmasteři snaží rozšířit přítomnost svých stránek na sociálních sítích všemi dostupnými prostředky. 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ých služeb 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é.

Krok-2

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

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

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.

Pokud jsou sociální meta tagy správně vyplněny, sociální služby budou příspěvky správně vnímat, protože označují typ materiálu, relevantní název a 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 VKontakte 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 stránek
- cesta k souboru obrázku

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

V poslední době každý druhý (ne-li první) zákazník v požadavcích na vývoj webových stránek žádá o jistotu propojení se sociálními sítěmi. „Sociální“ tlačítka na webu jsou nástrojem číslo 1 pro přilákání cílového publika, distribuci obsahu a PR obecně. A je to zcela zdarma!

Sociální sítě poskytují kódy pro svá tlačítka a widgety pro umístění na web a poskytují pokyny pro jejich instalaci do systému správy webu. Jakýkoli CMS (operační systém) vám umožňuje jejich instalaci, hlavní věcí je harmonicky zapadnout do designu vašeho webu.

Jaké jsou vlastnosti a funkce?

Pokud váš web cílí na lidi, kteří komunikují na oblíbených sociálních sítích. sítě, například Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest atd., a chcete je všechny pokrýt, abyste neinstalovali tlačítka pro každou z nich samostatně, protože se mohou lišit velikostí a designem , doporučujeme používat služby agregátoru. Jedná se o jednoduché a pohodlné nástroje, které návštěvníkům stránek umožní rychle sdílet informace se svými přáteli bez ohledu na to, jakou sociální síť používají. Níže se podíváme na nejoblíbenější služby.

Tlačítka sociálních médií Share Pluso

Dobrý den, drazí přátelé. Dnešní článek bude věnován vytvoření bloku sociálních tlačítek 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žit 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 mé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?

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.

Metoda, kterou navrhuji, neobsahuje žádné externí odkazy. 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.

Velmi snadná instalace. Stačí vložit html kód bloku do zdrojového kódu stránky webu, nahrát sprite, přidat css styly a instalace je hotová. Stačí opravit cestu k souboru s obrázky tlačítek.

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.

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

Budeme zvažovat klasickou možnost, 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 jakékoli akce si vytvořte záložní kopii souboru single.php!

Otevřete administrativní panel WordPress – „Vzhled“ – „Editor“ – „Jeden záznam (single.php)“.

Ve zdrojovém kódu vyhledejte místo, kde končí výstup článku a začínají komentáře nebo 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 zodpovědné za zobrazení článku a komentářů. 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:

","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="twitter ">","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","sharer","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","sharer","toolbar=0,status=0,width=812,height=585");" href="javascript: void(0)" class="digg">. 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 vytvořte 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("comments_template","soc_button"); function soc_button() ( ?> ","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="twitter">","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","sharer","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","sharer","toolbar=0,status=0,width=812,height=585");" href="javascript: void(0)" class="digg">. Jinak stránka přestane fungovat.

Vysvětlení ke kódu: místo, kde se zobrazí tlačítka sociálních sítí, je určeno pomocí klíče API comments_template. Tento klíč určuje místo před komentáři. Samotný kód sociálního tlačítka je uzavřen v otevíracích a zavíracích návratových značkách php. V kódu jsem je označil červeně. Toto je celý trik vkládání html kódu do 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

Například jsem připravil několik skřítků 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 raději nejprve udělám veškerou složitou technickou práci a až poté se pustím do pěkných maličkostí s css styly.

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 průhledné; ) .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: třída the.share definuje obecný vzhled bloku, velikost každého tlačítka, odsazení a nastaví jedno 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 vytvořena jako sprite CSS a každé tlačítko má šířku a výšku 40px a mezi nimi okraj 2px, což umožňuje přesně určit 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 vyznačeny 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ů.

Ahoj přátelé! Dnešní článek bude velmi obsáhlý, ale zároveň velmi užitečný. Proč jsem se rozhodl napsat tento článek? Fakt je, že se mě neustále ptají, jak získat více fanoušků na té či oné sociální síti? Proč lidé nesledují moji stránku na Facebooku? Proč nikdo nesleduje společnost na Twitteru?

Téměř každá společnost má dnes webové stránky a dokonce i blog. Máte webové stránky? To doufám! Pokud ještě ne, pak o tom musíte urychleně přemýšlet! U bloggerů a nezávislých profesionálů (poradců a nezávislých pracovníků) je to jasné, určitě mají na internetu svou vlastní adresu - webovou stránku. Přátelé, problém je v tom, že jen málo stránek je skutečně optimalizovaných pro sociální sítě. Mohou produkovat spoustu velmi užitečného a zajímavého obsahu, ale nikdo je nevidí ani neslyší. SMO (social media optimalizace) – slyšeli jste tento pojem? Nikdo se tedy nezabývá právě tímto CMO (optimalizace webu pro sociální sítě). Ale marně! Existuje obrovské množství způsobů, které odborníci znají, jak vytvořit, jak se říká, návštěvnost webu. Jednoduché manipulace + přítomnost nápadů a kreativity může výrazně pomoci vaší firmě propagovat. To vám garantuji!

Níže vám tedy řeknu, jak nainstalovat oficiální sociální tlačítka a widgety na váš web. Budou to pouze oficiální tlačítka a widgety – žádné služby ani pluginy!

Sociální sítě se velmi snažily a vytvořily obrovské množství různých tlačítek a widgetů. O mnohých nikdo ani neslyšel, ačkoli jsou volně dostupné pro každého. Zde zvážíme pouze ty nejnutnější a nejúčinnější z nich, které vám pomohou zvýšit vaši fanouškovskou základnu a také zjednoduší a usnadní distribuci vašich článků a dalšího obsahu pro návštěvníky vašeho zdroje.

Pokud chcete nainstalovat stejná tlačítka jako na mém webu, je o tom napsáno více podrobností.

Vyberte sociální sítě síť, jejíž tlačítka chcete nainstalovat:

Typy sociálních tlačítek

Než se pustíme do pokynů k instalaci tlačítek, chci vás upozornit na skutečnost, že existují různé typy tlačítek:

Facebook, stejně jako ostatní sociální sítě. sítí existuje velký výběr sociálních tlačítek a widgetů. Každý z nich má svou vlastní funkci a účel. V této části se budeme zabývat pouze nejpoužívanějšími a nejpotřebnějšími z nich. Zbytek si můžete prohlédnout a vyzkoušet na webu vývojářů na Facebooku.

Poznámka: Hned se dohodneme. V popisu každé sekce uvedu odkaz na webovou stránku vývojářů dané sociální sítě. sítí. Na těchto stránkách můžete najít odkazy na všechna existující tlačítka a widgety. Proto okamžitě otevřete stránku vývojářů na samostatné kartě a přečtěte si tento článek dále.

Web vývojářů na Facebooku: https://developers.facebook.com/docs/plugins

tlačítko "To se mi líbí".

Jak nainstalovat?

Instalace tlačítka „To se mi líbí“ je velmi jednoduchá! Musíte jít na web vývojářů na Facebooku (jak jsme se dohodli, odkaz je na začátku této sekce). Než začnete vytvářet nová tlačítka a widgety, budete muset vytvořit novou aplikaci v nabídce Aplikace. To se musí udělat, protože bez toho vám Facebook nedovolí vytvářet tlačítka!

Pokud máte nějaké problémy s tvorbou aplikace nebo generováním skriptů, dejte mi vědět do komentářů a udělám ještě podrobnější návod na instalaci tlačítek.

Chcete-li tedy nainstalovat tlačítko „To se mi líbí“, na stránce vývojářů v levém sloupci klikněte na tlačítko „To se mi líbí (síť)“. Nyní si musíte vybrat z možností, které nabízí Facebook, abyste získali přesně ten widget, který chcete.

1) Url to Like – zadejte odkaz na stránku, publikaci, vstupní stránku, pro kterou vytváříte tlačítko „To se mi líbí“. Může se jednat o jakýkoli typ obsahu, dokonce i o obrázek nebo video. Hlavní věc je, že poskytnete odkaz, který budou uživatelé sdílet.

2) Šířka – Pokud máte omezený prostor pro tlačítko, pak můžete určit šířku widgetu v pixelech. Samotná tlačítka jsou malá, ale pokud zvolíte standardní tlačítka, text zabere poměrně dost místa. O tom budu mluvit v následujícím odstavci.

3) Rozvržení – Typ widgetu. Facebook nabízí na výběr 4 možnosti: standardní (jako na obrázku), s velkým pultem, s malým pultem a pouze knoflíky. Vše záleží na vašem vkusu, stylu webu, dostupném prostoru pro tlačítka a také touze zobrazovat počítadla (tj. kolik lidí kliklo na tlačítko).

4) Typ akce - typ akce, tj. jaký typ tlačítka chcete nastavit: „To se mi líbí“ nebo „Doporučit“. O rozdílech mezi těmito tlačítky – a widgety na Facebooku obecně – jsem podrobně psal ve svém.

5) Zobrazit tváře přátel – pokud chcete, aby tlačítka zobrazila návštěvníkovi vašeho webu avatary jeho přátel, kteří již klikli na tlačítko „To se mi líbí“, zaškrtněte toto políčko. Pokud se stránka, článek apod. nikomu z vašich přátel nelíbila, tak Facebook fotku nezobrazí, ale v textu vyzve uživatele, aby ji dal jako první. Pokud to prostor dovolí, doporučuji tuto možnost zapnout, protože tváře přátel mají pozitivní vliv na čtenářovo vnímání obsahu, zvyšují jeho důvěru a často ho nutí kliknout na tlačítko, alespoň ze solidarity.

Jakmile vyplníte všechna pole, klikněte na tlačítko Získat kód a vygenerujte kód, který nainstalujete na web. První část skriptu se nainstaluje do značky stránky a druhá část se vloží na místo, kde chcete nainstalovat tlačítko.

Stránka by se měla otevřít v ruštině, ale pokud je z nějakého zvláštního důvodu v angličtině, můžete jazyk změnit úplně nahoře na stránce.

Jak nainstalovat?

Tweet tlačítko

Dalším známým tlačítkem Twitter je tlačítko „Tweet“, které uživatelům umožňuje sdílet váš obsah s příznivci Twitteru.

Jak nainstalovat?

Všechna tlačítka Twitteru jsou nainstalována na výše uvedené stránce pro vývojáře. Postup u všech tlačítek je téměř totožný – vybereme požadovaný typ tlačítka, vyplníme parametry a zkopírujeme kód, který následně vložíme na stránky.

Tlačítko hashtag

Toto je velmi zajímavé tlačítko, o kterém jsem si jistý, že o něm téměř nikdo neví. Osobně jsem nikdy neviděl, že by to někdo používal na RuNet. Na řešení určitých problémů je však velmi dobrý. Například takové tlačítko lze použít k propagaci jakýchkoliv akcí, webinářů, diskuzí na Twitteru pod určitým tagem, marketingových kampaní, soutěží. Cokoliv! Je zde velký prostor pro kreativitu!

Je logické, pokud je tlačítko „hashtag“ nainstalováno na stránkách souvisejících s tímto hashtagem. Napsal jste například článek o nové akci, kterou pořádáte pro fanoušky na Twitteru. Pro účast v soutěži musíte použít konkrétní hashtag. Pomocí takového tlačítka usnadníte život člověka, protože kliknutím na něj se otevře tweet s požadovaným hashtagem. Může jednoduše přidat nějaký text a poslat tweet volně plovoucí. A cítí se dobře a vy budete mít nového člena. Není to skvělé? Jedním slovem je třeba udeřit do železa, aniž byste opustili pokladnu, tedy dokud je čtenář pod emocí toho, co četl. O dvě minuty později bude vyrušen a může úplně zapomenout, co právě četl.

Zatímco má fantazie běží na plné obrátky, podělím se s vámi o další nápad. Řekněme, že pořádáte událost (online nebo offline). Pro jeho propagaci vytvoříte samostatný článek nebo stránku věnovanou tomuto tématu. Přímo tam do textu vložíte tlačítko „Hashtag“ a vedle něj vložíte samostatný widget, který v reálném čase zobrazí všechny tweety využívající tento hashtag. Po zhlédnutí diskuze ostatních uživatelů bude možná váš nepříliš aktivní čtenář připraven se do ní zapojit. Cílem je přitáhnout pozornost čtenáře k tomu, co se děje, zapojit ho do diskuse a samozřejmě ho udržet na webu.

Jak nainstalovat?

Tlačítko „Hashtag“ je nainstalováno ze stejné stránky, o které jsem psal výše.

Tlačítko Zmínit

Nakonec vám řeknu o jednom dobrém tlačítku, které bohužel nikdo nepoužívá. Ale marně! Toto je, dalo by se říci, běžný tweet odeslaný na předem zadaný profil. Myslím, že tlačítko je málo používané, protože mnoho lidí neví, jak a kam ho nainstalovat. Dovolte mi uvést několik příkladů, které vás napadnou. Pokud víte, že vaše cílová skupina je na Twitteru a aktivně využívá tuto sociální síť. Proč nevyzvete lidi, aby vám tweetovali přímo z webu? Může to být tweet autorovi článku, tweet ze stránky „O nás“ nebo „Kontakty“, tweet přímo na podporu Twitteru atd. Uvědomujete si, o kolik příležitostí přicházíte ke zpestření váš účet na Twitteru?

Pokud na vaše stránky někdo přišel, pak už o vás má nějaký zájem, takže ho musíte hned teď přimět k akci. Za minutu může být pozdě! Bohužel nastaly časy, kdy něco velmi rychle zapomeneme udělat, protože každou minutu přepínáme pozornost z jedné věci na druhou. A čím mladší je vaše publikum, tím je tento fenomén výraznější, takže nezapomeňte na existenci tohoto tlačítka a snažte se ho použít tam, kde je to vhodné.

Jak nainstalovat?

Tlačítko nainstalujeme vše ze stejné stránky. Pokud jste si přečetli návod k předchozím tlačítkům, pak by vám měly být jasné všechny parametry tlačítka „Zmínit“ na Twitteru.

Níže se podívejte, jak toto tlačítko funguje. Nezapomeňte mi tweetovat, co si o tomto článku myslíte :) Chci vědět, co si myslí mí čtenáři, takže bych rád slyšel od vás.

Příklad tlačítka „Zmínit“.

Widgety na Twitteru

Přišli jsme na tlačítka Twitteru. Nyní bych vám rád krátce řekl o oficiálních widgetech, které Twitter má. Skripty pro všechny widgety, můžete získat z tohoto odkaz.

Widgety jsou následujících typů:

• Běžný widget s nejnovějšími tweety;
• Widget Search, který zobrazuje výsledky hledání pro daný klíč v reálném čase. Tento typ widgetu je velmi vhodný pro vyhledávání například podle hashtagu vaší značky. Podívejte se na příklad jeho použití v sekci „Hashtag“ tlačítko pro Twitter;
• Widget Oblíbené – Zobrazuje tweety, které jste si zařadili mezi oblíbené. Tento typ widgetu lze použít například k zobrazení pozitivních recenzí o společnosti. Proč ne?
• Kolekce Widget – Kolekce jsou někde mezi oblíbenými položkami a seznamy. Můžete ručně vybrat, které tweety skončí ve sbírce. Upozorňujeme, že každá kolekce má svůj vlastní odkaz a popis. Tato funkce je na Twitteru velmi málo využívaná, i když je velmi zajímavá.
• Widget Seznamy zobrazuje seznamy profilů, které jste vytvořili. I zde se můžete kreativně vyřádit a udělat něco zajímavého a užitečného pro čtenáře, z čehož zároveň budete mít užitek. Co takhle seznam partnerů, vaše firemní účty (pokud jich je hodně), portfolio vámi spravovaných Twitter účtů (pro agentury a freelancery) nebo třeba seznam členů, kteří jsou ve vašem klubu? Prostor pro kreativitu zde opět není omezen.

Příklad běžného widgetu Twitteru

VKontakte

Sociální síť VKontakte, stejně jako ostatní, má spoustu různých tlačítek a widgetů. Jejich kompletní seznam je k vidění na webu vývojářů: https://vk.com/dev/sites

Opět projdu jen ty nejdůležitější, jinak tento článek nebude článkem, ale celou knihou... Myslím, že widgety VK budou mnohem srozumitelnější, jelikož jsou k dispozici webové stránky a veškerá potřebná dokumentace v ruštině.

Tlačítko Like

Jak nainstalovat?

Nejprve musíte přejít na stránku widgetu. Dal jsem odkaz na seznam widgetů na samém začátku sekce VKontakte.

Jak nainstalovat?

Chcete-li na web vložit widget „Komunita“, musíte nejprve zadat odkaz na svou stránku nebo skupinu na VKontakte. Dále si vyberete, zda chcete, aby widget zobrazoval tváře členů kapely nebo fanoušků stránky a také nejnovější zprávy ze stránky, nebo zda chcete jednoduchý plugin s tlačítkem „To se mi líbí“. Vzhledem k tomu, že widget VK je velmi podobný Facebooku, doporučení týkající se typu pluginu zůstávají stejná. Nebudu se opakovat, takže pokud máte zájem, podívejte se do sekce Facebook pluginy.

Dále jsou uvedeny parametry související s velikostí pluginu a jeho vzhledem. Vše závisí na barevné paletě vašeho webu a dostupném prostoru pro plugin. V zásadě si můžete vybrat libovolnou barvu, ale přesto se doporučuje zachovat původní barevnou paletu, protože takové barvy jsou uživatelům známější a neděsí je. No a konečně jsme se dostali k poslednímu bodu – vložíme kód do webu. Jak si již pamatujete, první část kódu jde do značky stránky a druhá část do místa, kde bude umístěn plugin.

Nedávno jsem vytvořil blogovou stránku „O SMM“ na Vkontakte. Pokud tedy chcete dostávat nejnovější aktualizace v této sociální síti. sítě, pak se k nám přidejte!

Příklad pluginu „Community“ na VKontakte

Widget „Přihlásit se k odběru autora“.

Stejně jako podobný plugin na Facebooku je tento widget doporučen každému, kdo chce rozvíjet svou osobní značku. Pokud jste například autor knih nebo blogu, novinář, právník, realitní makléř atd., proč si takové tlačítko nenainstalujete na svůj web? Pro potenciální kupce je snazší navázat kontakt s reálnou osobou než například se stránkou nebo skupinou, u které není jasné, kdo za ní stojí. Tak jsme navrženi, lidé jsou společenští tvorové a milujeme osobní kontakt, takže tento widget bude velmi užitečný pro každého profesionála, bez ohledu na to, v jakém oboru pracujete.

Jak nainstalovat?

Instalace nemůže být jednodušší! Přejděte na stránku widgetu na VK a zadejte adresu svého profilu. Dále vyberte, které tlačítko chcete nainstalovat. Ještě jednou opakuji, že je vhodné instalovat pouze tlačítka přes skript (například tlačítko nebo světelné tlačítko). Pokud potřebujete pouze odkaz, je lepší to udělat pomocí HTML kódu, abyste nepřetěžovali web skripty, bez kterých se velmi snadno obejdete. Efekt bude stejný a web se bude načítat rychleji.

Další widgety VKontakte

Chlapi, výše jsem uvedl nejběžnější a nejúčinnější widgety VK, ale seznam není omezen na toto. VKontakte má také celou řadu různých widgetů, které mohou být užitečné v té či oné situaci. Třeba widget Poll, který skoro nikdo nepoužívá. Pokud jste vytvořili průzkum na své stránce VK, proč jej nevložit do článku na toto téma? Čtenáři vašeho webu budou moci hlasovat pro svou možnost přímo na vašem webu a informace o tom budou také poskytnuty VK. Není to špatné, že?

K dispozici je také zajímavý widget Recommendations, který zobrazuje nejzajímavější články na vašem blogu nebo webu. Míra zájmu o konkrétní obsah je určena počtem kliknutí na tlačítko „To se mi líbí“. Stručně řečeno, VKontakte automaticky spočítá, kolik uživatelů kliklo na tlačítka „To se mi líbí“ a shromáždí všechny nejzajímavější články v tomto bloku. Pokud je vaše cílové publikum široce zastoupeno na sociálních sítích. Síť VKontakte, pak stojí za to vyzkoušet a nainstalovat tyto dva widgety: „To se mi líbí“ a „Doporučení“. Jsem si jistý, že výsledky vás nenechají čekat!

LinkedIn

Nyní pojďme mluvit o LinkedIn. Tato síť zde jen roste na popularitě, takže málokdo stále chápe, jak ji lze využít k dosažení pozitivních výsledků. V Americe, odkud tato síť pochází, je jen málo profesionálů nebo firem, které nemají vlastní profil na LinkedIn. Tam se na vás úkosem podívají, jestli nejste alespoň registrovaní na sociálních sítích. sítí. V Evropě využití soc sítě se velmi liší v závislosti na zemi. Například Spojené království a Švédsko jsou lídry v začleňování LinkedIn do marketingové strategie společnosti. Nejen, že povzbuzují zaměstnance, aby měli online profily, ale také najímají lidi přes LinkedIn, inzerují společnosti a produkty, hledají potenciální klienty a partnery atd.

Ale o tom se dnes nebavíme. Budeme mluvit o sociálních pluginech, které pro nás LinkedIn vyvinul a kde a jak je můžete používat. Nespěchejte s tím, že tato síť pro vás není zajímavá! A pokud pracujete v oblasti poradenství, b2b, pak si tuto sekci prostě musíte přečíst.

Takže LinkedIn, jako všechny sociální sítě. sítí, existuje samostatná stránka, kde můžete vidět všechna existující tlačítka a pluginy: https://developer.linkedin.com/plugins

Web vývojářů bohužel existuje pouze v angličtině, takže se pokusím co nejpodrobněji vysvětlit instalaci každého pluginu a tlačítka.

Jak nainstalovat?

Jak nainstalovat?

Tlačítko „Přihlásit se k odběru“ je nainstalováno ze stejné stránky vývojářů, odkaz na který jsem uvedl na začátku sekce. V levém sloupci klikněte na „Follow company“ a LinkedIn vám zobrazí požadovanou sekci. Nejprve vyberte, jaký typ tlačítka chcete nainstalovat: s vertikálním nebo horizontálním počítadlem, nebo možná nejobyčejnějším a klikněte na Získat. Dále je potřeba zadat název společnosti, pro kterou tlačítko instalujete. Do příslušného sloupce začněte psát jméno, písmeno po písmenu, a mělo by se objevit v seznamu. Někdy se seznam načítá dlouho, takže si nespěchejte. Jméno musí být napsáno přesně tak, jak je napsáno na firemní stránce. Poté vyberte jazyk tlačítka - ruština, typ tlačítka a klikněte na tlačítko "Získat kód". Nyní stačí vložit kód na požadované místo na webu a je hotovo! Mimochodem, v ruštině se tlačítko bude jmenovat „Track“, což se mi moc nelíbí. Osobně bych nechal anglickou verzi. Naštěstí už každý ví, co znamená slovo „follow“ :)

Firemní stránku na LinkedIn jsem ještě nevytvořil, takže reálný příklad zatím nemám. Pokud budu v budoucnu dělat stránku, určitě ji vložím do článku jako ukázku.

tlačítko "Osobní profil".

Toto je další dobrý, ale opět málo používaný plugin. Toto tlačítko zobrazí osobní profilovou fotografii, pozici a zobrazí přátele uživatele, kteří vidí tento plugin. Aby LinkedIn mohl čtenáři vašeho webu ukazovat profesionální spojení, musí být samozřejmě on – čtenář – přihlášen (tak říkajíc) na LinkedIn. Stručně řečeno, uživatel musí být přihlášen na LinkedIn, aby plugin plně fungoval.

Komu může být tento plugin užitečný? Myslím, že pro lidi pracující v b2b sektoru to bude nejužitečnější. I když jej můžete použít kdekoli: na stránce o autorech webu, na stránce o zaměstnancích společnosti, na stránkách o vašich klientech a partnerech (samozřejmě s jejich svolením) – možností je mnoho. Hlavní věc je, že taková profilová tlačítka organicky zapadají do vašeho webu a firemní strategie. Pokud mají vaši zaměstnanci zpola vyplněné profily, jednou za rok se přihlásí na LinkedIn a mají 10 připojení, nemá smysl takové profily zobrazovat. Pokud naopak vaše společnost aktivně propaguje na sociálních sítích. síti, pak vám takový plugin může přinést spoustu výhod.

tlačítko +1

Jak nainstalovat?

Jak nainstalovat?

Všechna tlačítka a widgety Pinterestu se instalují pomocí výše uvedeného odkazu. Chcete-li nainstalovat tlačítko „Pin it“, musíte vybrat odpovídající tlačítko v levém sloupci.

Nastavení tlačítek Pinterestu je trochu složitější, protože mají mnoho různých možností, ale stále je docela možné je nastavit sami.

1) Hned v prvním řádku „Typ tlačítka“ můžete vybrat typ tlačítka, které chcete nainstalovat na web: daný obrázek, jakýkoli obrázek ze stránky nebo tlačítko Pin it, které se objeví na obrázcích stránky/článku .

2) Druhý řádek je „Vzhled“, tedy typ tlačítka. Zde Pinterest nabízí mnoho možností na výběr: velké nebo malé; obdélníkové nebo kulaté; červená, šedá nebo bílá; text v angličtině nebo japonštině.

3) Třetí řádek je počítadlo. Zde si můžete vybrat, zda chcete mít pult nahoře, na boku nebo jej úplně odstranit.

V závislosti na zvoleném typu tlačítka se jeho možnosti změní.

• Tlačítko „Jeden obrázek“ znamená, že chcete nastavit konkrétní obrázek, který může čtenář webu připnout ke konkrétnímu odkazu. To znamená, že čtenář nebude mít na výběr, i když jsou na vaší stránce jiné obrázky. Pokud se rozhodnete pro tlačítko nastavit obrázek, pak je nutné takové tlačítko nainstalovat na každou stránku zvlášť, protože vyžaduje zadání odkazu na stránku/článek. Do prvního sloupce je potřeba vložit odkaz na stránku, kterou budou uživatelé sdílet, tedy odkaz, který si připnou. Dále uveďte odkaz na obrázek. Mimochodem, může to být jakýkoli zdroj, dokonce i mimo váš web. V posledním sloupci můžete zadat text obrázku, který bude uživatel sdílet. Může to být například název stránky nebo název článku. Před odesláním PIN může uživatel volitelně nahradit váš text svým vlastním.
• Tlačítko „Jakýkoli obrázek“ Nebo jakýkoli obrázek. Toto tlačítko je velmi jednoduché a nevyžaduje žádné další parametry. Stačí si vybrat velikost a typ tlačítka a také se rozhodnout, zda potřebujete pult nebo ne.
• Tlačítko „Image hover“, tedy tlačítko, které se objeví na samotném obrázku, když na něj najedete kurzorem myši. Jak to funguje, si můžete vyzkoušet na ukázkovém obrázku Pinterestu.

Nyní pár slov o kódu, který je třeba nainstalovat na stránku. Pinterest, stejně jako ostatní sociální sítě. síť, má dva kódy: první část je vložena do značky a druhá část na místo, kde je nainstalováno samotné tlačítko. Pokud máte na jedné stránce více tlačítek Pinterestu, stačí nastavit první kód pouze jednou.

Příklad kódu, který se do značky stránky instaluje pouze jednou: .

Tlačítko odběru

Pinterest, stejně jako Google+, nerozlišuje mezi osobním a firemním účtem, takže tlačítko Sledovat pro oba je vytvořeno na stejném místě. Instalace tohoto tlačítka je stejně snadná jako louskání hrušek. Jediné, co musíte udělat, je zadat odkaz na svůj profil a pojmenovat tlačítko.

Jak jsem psal výše, nemohu vložit tlačítka Pinterestu kvůli konfliktu skriptů, takže pokud se se mnou chcete spřátelit na Pinterestu, stačí kliknout na tento odkaz.

Bonus: hypertextové odkazy

Níže uvedu příklady, jak se takové odkazy ručně vytvářejí. Vyzkoušet můžete i speciální generátor odkazů – Share Link Generator. Na tomto webu můžete vytvářet odkazy pro Facebook, Twitter, Google+, Pinterest a LinkedIn. Na webu bude snadné porozumět, takže nebudu vysvětlovat co a jak. Podívejte se však na moje tipy, protože generátor odkazů neposkytuje úplný odkaz na formát HTML + kód, jak odkaz otevřít v novém okně. To vše plus příklady odkazů na sociální sítě. Síť Vkontakte, najdete v této sekci.

text hypertextového odkazu

Nekouše? A za krmení návštěvníků už utratili nemalé peníze. Nainstalovali jste pro web tlačítka sociálních sítí? Je to jasné! Všechny příznaky onemocnění jsou zřejmé – lokalita je asociální. Budeme léčit.

Proč web potřebuje tlačítka sociálních sítí?

Přítomnost sociálních tlačítek na webových stránkách není pouze povinným atributem nebo módním doplňkem. Za prvé, sociální tlačítka pomáhají vlastníkovi zdroje ušetřit peníze na propagaci webových stránek. V tomto případě probíhá propagace pomocí návštěvníků. A majitel může jen plnit svůj web kvalitním obsahem a čekat na příliv nových uživatelů:

Tato tlačítka ale potřebují nejen majitelé webových stránek. Jejich umístění je důležité i pro samotné sociální sítě. Každé z těchto tlačítek je odkazem vedoucím na sociální portál. A díky této výměně odkazů je udržována vysoká aktivita uživatelů v rámci samotných sociálních sítí. To je důvod, proč populární sociální sítě poskytují webům hotové kódy pro svá tlačítka.

Co je to běžné sociální tlačítko?

Vezměme si například skript pro sociální tlačítko VKontakte. Její kód:

Tato část kódu musí být umístěna v tzv. „záhlaví“ stránky webu. Tento kód určuje adresu skriptu, který by měl být spuštěn po kliknutí na sociální tlačítko. Zde je druhá část kódu, která je zodpovědná za zobrazení obrázku tlačítka:

Druhý kód je třeba umístit do části stránky, kde se zobrazí tlačítko:

Vzhled tlačítka lze snadno upravit. Chcete-li to provést, musíte přejít do sekce speciální technické podpory na webu sociální sítě. Zde si můžete nastavit styl tlačítka, podle kterého se bude generovat jeho kód.

Snadné možnosti ubytování

Existují specializované služby, které vám umožní umístit na váš web tlačítka pro všechny oblíbené sociální sítě najednou. Je to mnohem jednodušší než vkládat skripty pro každý z nich zvlášť. Podívejme se na nejoblíbenější z těchto služeb:

• AddThis – tato služba má rozhraní v angličtině. Zároveň však umožňuje přidat tlačítko do jakékoli sociální sítě na světě:

Umístění lišty sociálních tlačítek lze vybrat na několika šablonách. Bezplatná verze účtu má výsuvný boční panel. K dispozici je také bezplatná verze pluginu pro WordPress. Po registraci na webu služby získáte přístup ke statistikám kliknutí na tlačítka sociálních sítí.

• Share42 je přehledné a jednoduché rozhraní s možností doladit vzhled panelu sociálních tlačítek. V tomto případě je proces nastavení doprovázen pokyny krok za krokem popisujícími akce, které je třeba provést. Proto je služba vhodná i pro nezkušené webmastery:

Další výhodou této služby je generování skriptu sociálního tlačítka s podporou několika populárních CMS.

Sociální tlačítka a WordPress

Pro populární CMS bylo vytvořeno mnoho pluginů pro skupinovou instalaci sociálních tlačítek. Podívejme se na příklad instalace pluginu Social Share Buttons for WordPress.

Pozitivní aspekty tohoto rozšíření jsou zcela ruské rozhraní, snadné nastavení a „šité na míru“ pro oblíbené sociální sítě Runet:

Postup instalace pluginu sociálních tlačítek pro WordPress.

1) Přejděte na administrativní panel webu. Vlevo vyberte záložku „Pluginy“, „Přidat nový“.
2) Na stránce „Install plugins“ zadejte do vyhledávacího pole název rozšíření a klikněte na tlačítko „Search plugins“:

3) Ve výsledcích vyhledávání najdeme název požadovaného rozšíření. Poté klikněte na odkaz „Instalovat“:

4) Po stažení archivu a instalaci aktivujte plugin kliknutím na příslušný odkaz:

5) Po jeho aktivaci se v levé nástrojové konzoli objeví nová sekce „Sdílet tlačítka“:

Nastavení pluginu se skládá z několika bodů:

Několik dalších osvědčených pluginů pro WordPress:

• Fixed Social buttons – tento plugin umožňuje přidat na váš web plovoucí sociální panel, který může být „přilepen“ na horní, spodní nebo boční straně;
• Html Social share buttons – tento plugin obsahuje sociální tlačítka vytvořená výhradně pomocí css a html.

Sociální tlačítka a Joomla

Pro tento engine bylo také vytvořeno mnoho pluginů pro práci se sociálními tlačítky. Podívejme se jako příklad na proces instalace rozšíření pomocí SocButtons. Vlastnosti tohoto pluginu:

• Podporuje všechny nejoblíbenější verze motoru;
• Snadné nastavení;
• Charakteristiky vzhledu se nastavují pro každé tlačítko zvlášť;
• Lehký instalační balíček.

Postup:

1) Přejděte do administrativní části webu Joomla a vyberte ikonu „Správce rozšíření“.
2) Zde určíme zdroj pro stažení rozšíření:

3) Po instalaci rozšíření přejděte do „Správce pluginů“ a aktivujte nově nainstalované rozšíření. Chcete-li to provést, klikněte na zelenou ikonu v horní části stránky:

4) Pro konfiguraci klikněte na název rozšíření v seznamu. V tomto pluginu se nastavení zobrazení nastavuje pro každé sociální tlačítko zvlášť:

Několik dalších osvědčených rozšíření pro Joomla:

• Social Bookmarking – tento plugin existuje v několika verzích. Každý umožňuje umístit sociální panel do určité polohy (horizontálně, vertikálně nebo dokonce plovoucí);
• JL Like – tento plugin nenačítá další externí skripty a umožňuje udržovat statistiky hlasů ze sociálních sítí.

Skript nebo plugin?

Instalace pluginu je nejjednodušší a nejrychlejší varianta. Nejčastěji po jeho instalaci celý web funguje správně. Vše se ale může zhroutit okamžitě po aktualizaci verze enginu na novější.

Kvůli nesouladu mezi verzemi enginu a pluginů mohou nastat problémy s provozem webu. Nejčastěji jsou spojeny s nesprávným zobrazením jakýchkoli designových prvků. V našem případě se jedná o tlačítka sociálních sítí. Pak přichází pochopení, že někdy je lepší použít nahý skript místo specializovaného pluginu.

V nové verzi enginu PHP se struktura metod a funkcí mění velmi zřídka. Proto skript snadno „přenese“ proces takové aktualizace.

Kód pro sociální tlačítka lze získat v některé ze specializovaných služeb. Jejich přehled je uveden výše. Vezměme si například službu Share42. Podporuje vytváření sociálních tlačítek pro oblíbené motory. Postup.