Nastavenia zdieľania, výber štýlu tlačidiel pre sociálne siete. sociálne tlačidlá na Facebooku

Dobrý deň, milí čitatelia blogu. Na túto úlohu môžete samozrejme použiť plugin, ale nie je to také ťažké urobiť sami, a bude ich menej, najmä preto, že ich už pracujem dosť (pozri článok na uvedenom odkaze). Prevzal som z nich ikony sociálnych sietí, o ktorých som už dosť podrobne písal (dúfam, že Dimox proti tomu nebude namietať).

A považoval som to za vhodné aj pre Email.

Vytvorte sprite z tlačidiel a vložte Html kód na stránku

Po vytvorení všetkých potrebných skupín a stránok na sociálnych sieťach, čo znamená, že ste dostali všetky potrebné odkazy, môžete byť zmätení pridaním tlačidiel na stránku. Pre každú sociálnu sieť si samozrejme môžete v súlade s mojím príspevkom o vybrať vhodnú ikonu a v prípade potreby jej veľkosť zmenšiť na požadovanú veľkosť v a.

Ale to nie je najlepšia možnosť. prečo? Pretože na načítanie každého obrázka sociálnej siete bude na váš server odoslaná samostatná požiadavka. Ak máte tucet ikon, znamená to desať požiadaviek, ktoré akýmkoľvek spôsobom vytvoria dodatočné zaťaženie servera a . Takáto extravagancia nám nesedí, najmä keď už je to dávno.

Rozhodol som sa nevynájsť koleso (vytvoriť sprite), ale použil som to, ktoré vytvára konštruktor Share42 (odkaz na popis práce s ním je uvedený trochu vyššie). V ňom si vyberiete tie sociálne siete, ktorých ikony potrebujete, a spolu s kódom dostanete CSS sprite, t.j. fyzicky jeden grafický súbor, ktorý bude obsahovať všetky potrebné ikony sociálnych sietí a odbery RSS kanála (a e-mailu, ak je to potrebné).

Vybral som štyri hlavné siete a pár ikon pre odbery noviniek s veľkosťou ikon 24 x 24 , takže môj sprite vyzerá takto ( , ale stále sa tam odčervoval, ale na tom nezáleží):

Teraz máme všetky ingrediencie – odkazy na skupiny alebo stránky sociálnych sietí a ikony na ich zobrazenie na webe. Zostáva len to všetko správne pripraviť, t.j. makeup. Môj blog používa WordPress, takže kód tlačidla vložím do jedného z . V mojom prípade sa volá sidebar.php. html kód výsledkom je veľmi jednoduchý:

No najzaujímavejšie. S pomocou určíme, ktorá oblasť nášho sprite sa na tomto konkrétnom mieste zobrazí ako pozadie (v našom prípade je toto pozadie umiestnené pod hypertextovým odkazom). Vysvetlenie, ako sa to deje, trvá veľmi dlho, preto si prečítajte článok na odkaze a všetko bude jasné (sú tam aj názorné príklady). Ak ste príliš leniví, potom len experimentujte s číslami, ktoré, ako ste si mohli všimnúť, nie sú márne násobky 24.

Áno, nahrajte súbor sprite cez FTP na vašu stránku a zadajte cestu k nemu na pozadí (). To je všetko. Ak to nevyjde, pozornejšie si prečítajte materiály na vyššie uvedených odkazoch a ak sa nepodarí vôbec nič, popíšte svoju situáciu v komentároch (podrobne - pre vloženie kódu ho nezabudnite priložiť do PHP tagy s hranatými zátvorkami).

Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

Ďalšie videá si môžete pozrieť na stránke

");">

Možno vás bude zaujímať

Blokové rozloženie – Pre stránku vytvárame dvojstĺpcové, trojstĺpcové a plynulé rozloženie

Čo je to použiteľnosť a prečo je taká dôležitá?

Jednoducho povedané, použiteľnosť je miera jednoduchosti používania stránky, pohybu po nej a hľadania informácií na nej.

Použiteľnosť môže vašu stránku buď zlepšiť, alebo ju úplne znefunkčniť. Ak vaši návštevníci nerozumejú, prečo je vaša stránka potrebná, ak sú nútení stráviť niekoľko sekúnd hľadaním informácií, ktoré potrebujú, a nedokážu okamžite pochopiť, čo ponúkate, rýchlo vašu stránku opustia a s najväčšou pravdepodobnosťou sa na ňu už nikdy nevrátia. .. sa vráti.

Aby ste tomu zabránili, odporúčame vám preštudovať si chyby, ktoré používatelia Wix najčastejšie robia. Napriek tomu, že každý užívateľ je jedinečný, mnohí natrafia na rovnaké hrable. Ak chcete, aby váš web propagoval vašu firmu alebo predával váš produkt, tieto tipy stoja za zváženie.

8 bežných chýb používateľov Wix

Ignorovať mobilnú verziu. Teraz čoraz viac ľudí pristupuje na webové stránky zo smartfónov a tabletov a zabúda na stolné počítače. Našťastie má Wix skvelý nástroj na tvorbu HTML5, ktorý vám umožní prispôsobiť akúkoľvek stránku malým rozšíreniam obrazovky. Všetko, čo musíte urobiť, je otvoriť editor Wix, aby ste prispôsobili dizajn svojho webu mobilným štandardom.

Žiadny odkaz na logo. Mnohí vynechávajú kartu Domov v ponuke a nahrádzajú ju odkazom na logo. V dôsledku toho používatelia očakávajú, že kliknutím na logo budú môcť prejsť na domovskú stránku webu. Keďže klikacie logo je už dlho štandardom, jeho zanedbanie by bola veľká chyba použiteľnosti.

Menu nie je k dispozícii. Tým, že zabudnete pridať menu na každú stránku svojho webu (nielen na domovskú stránku), prídete o množstvo návštevníkov. Keď sa používateľ dostane do takýchto „slepých uličiek“, je nútený neustále používať tlačidlo „Späť“, čo je určite nepríjemné.

Disharmonický dizajn / ťažká navigácia. Pristupujte premyslene, urobte text ľahko čitateľným a odkazy (nečudujte sa!) klikateľné. Vždy, keď je to možné, použite tlačidlá, ak chcete prinútiť používateľa k akcii.

Malá veľkosť písma. Pozor na pomer veľkosti písma k účelu textu. Chcete toho povedať veľa, ale nezmestíte všetko na jednu stránku? Použitie malého písma nie je najlepším riešením. Veľkosť písma by nemala byť menšia ako 10 bodov. alebo viac 14 bodov. Nepripravte používateľa o možnosť prečítať si ho.

Používanie hudby. Ak zistíte, že je potrebné pridať hudbu na vašu stránku, nezabudnite dať návštevníkom možnosť vypnúť zvuk, ak si to želajú. Majte však na pamäti, že väčšina skúsených používateľov považuje pridávanie hudby na stránku za jednoducho nevhodné.

Chýba jasný popis značky. Častou chybou je nepridanie popisu vášho produktu alebo služby na vašu stránku. Nenechajte svojich návštevníkov hádať. Ak pracujete v konkrétnom regióne, uveďte jeho názov, adresu atď. Okrem iného vám pomôže pri propagácii vo vyhľadávaní.

Sedemkrát to skontrolujte, raz zverejnite. Požiadajte priateľa, aby kritizoval vašu stránku. Kým pracujete na svojom projekte, ste do neho tak ponorení, že ľahko prehliadnete tie najjednoduchšie chyby. Pár očí navyše nikdy nezaškodí, ale práve naopak, pomôže identifikovať slabé miesta vašej stránky a pozrieť sa na ňu sviežim pohľadom.

Od autora: pozdravujem. Sociálne siete sa dnes rozvinuli na takú úroveň, že sú v nich celkovo zaregistrované viac ako 3 miliardy ľudí. Toto je potenciálne veľmi silné publikum, takže dnes vám poviem, ako pridať tlačidlá sociálnych médií na vašu stránku.

Pridanie na stránku WordPress

Na začiatok je najjednoduchším spôsobom, ak máte WordPress, jednoducho nainštalovať nejaký doplnok pre túto záležitosť. Ktoré? Napríklad som použil Juiz Social Post Sharer. Vo všeobecnosti stačí zadať do vyhľadávania pluginov slovo social a uvidíte, čo tam je. Výhodou je, že pravdepodobne nebudete musieť nič konfigurovať.

Yandex tiež vyvinul stránku, kde si môžete nastaviť a nainštalovať tlačidlá pre seba. Na tejto stránke si môžete vybrať potrebné služby (a je ich asi 25). Vpravo si môžete vybrať vzhľad bloku. Môžu to byť počítadlá, ktoré ukážu, koľkokrát používatelia klikli na tlačidlá. To vám zase pomôže sledovať, či je materiál užitočný pre čitateľov.

JavaScript. Rýchly štart

Prirodzene, nemusíte použiť všetky tri možnosti, jedna je lepšia. Aj keď som videl stránky, kde bol blok aj na začiatku aj na konci stránky.

Teraz musíte nájsť súbor s kódom, ktorý vydáva články. Napríklad vo wordpresse sa zvyčajne nazýva single.php alebo podobne. Ak teda potrebujete za článok vložiť blok s tlačidlami, vyhľadajte riadok_obsah. Za ním môžete vložiť kód. Veľmi vám pomôže, ak vývojár vašej šablóny pridá komentáre do kódu.

Existuje niekoľko spôsobov, ako upraviť súbory lokality. Urobte to napríklad priamo cez panel správcu motora (vzhľad - editor). V tomto prípade nie je kód zvýraznený, takže navigácia v ňom nie je taká pohodlná. Ďalší spôsob je cez ftp. Pripojte sa k stránke pomocou ftp klienta, prejdite na wp-content - témy. Tu musíte nájsť šablónu, ktorá je pre vás momentálne aktívna. Ideme do toho a nájdeme rovnaký single.php alebo hľadáme niečo podobné v názve.

V samotnom kódovom súbore nájdite riadok_obsah pomocou vyhľadávania (Ctrl + F). Vložte tento kód niekam zaň.

Komentáre sú to, čo je na tejto snímke obrazovky vyššie zvýraznené zelenou farbou. Ako vidíte, vývojár výslovne naznačil, že na tomto mieste by sa mal zobraziť samotný text článku. To je skvelé, stačí vložiť kód hneď za článok a získať požadovaný výsledok.

Gombíky od Pluso

JavaScript. Rýchly štart

Naučte sa základy JavaScriptu s praktickou ukážkou tvorby webovej aplikácie

Môžete si vybrať štýl tlačidiel, prispôsobiť ich pozadie, polohu a veľkosť. Môžete si tiež vybrať ikony so zabudovaným počítadlom. Ďalšou výhodou tlačidiel Pluso je ich ohromujúci vzhľad a možnosť integrovať ich do takmer akéhokoľvek dizajnu.

Keď je všetko nastavené, stačí skopírovať kód a vložiť ho na miesto, kde chceme vidieť príslušný blok.

Ďalšou možnosťou je Share42

Ak sa vám nepáčili predchádzajúce možnosti, existuje ďalší spôsob, ako umiestniť tlačidlá sociálnych sietí na web. Toto je služba share42.com. Pomenovaný tak zrejme preto, že v čase vzniku mal 42 tlačidiel sociálnych služieb, hoci v súčasnosti ich je 43.

Nebudem podrobne popisovať proces, pretože všetko je už prezentované na stránke vo forme podrobných pokynov. Nemôžete zmeniť dizajn týchto ikon, iba veľkosť. Nevyzerajú však zle.

Ikony, ktoré potrebujete, môžete vybrať kliknutím na ne myšou. Samostatne by som chcel poznamenať prítomnosť takých zaujímavých funkcií, ako je pridanie prehliadača do obľúbených, odkaz na rss a tlačidlo "Hore".

Ďalej si môžete vybrať typ panelu: horizontálny alebo vertikálny? A ak je vybraté druhé, počet tlačidiel môže byť obmedzený. Odporúčam ponechať kódovanie ako UTF-8. Do sady tlačidiel môžete pridať aj ikonu samotnej služby, aby na ňu mohli prejsť používatelia z vašej stránky a nainštalovať si tieto tlačidlá pre seba.

Ak plánujete pridať ikonu rss, musíte zadať adresu svojho informačného kanála a ak chcete zobraziť počet kliknutí na tlačidlo, musia byť začiarknuté posledné dve políčka.

Nižšie sú 2 tlačidlá. Prvý vám umožní vidieť, ako budú vyzerať sociálne tlačidlá, ktoré ste nastavili. Druhý stiahne skript. Musí sa nahrať cez ftp na vašu stránku do koreňového priečinka.

Ďalším krokom je zadať cestu k tomuto priečinku na stránke služby. Často stačí nahradiť site.com názvom vašej domény. To je všetko, zostáva vložiť kód a pred tým vybrať cms, na ktorom zdroj pracuje. Dúfam, že by ste už mali pochopiť, kam vložiť kód.

Nepochybujem o tom, že existuje niekoľko ďalších normálnych služieb, kde môžete vytvárať sociálne tlačidlá, a existuje len veľa skriptov a doplnkov, ktoré ich pridávajú. Dnes som vám vymenoval tie najlepšie, podľa mňa, možnosti.

Dnes sme sa naučili, ako pridať tlačidlá pre sociálne siete a služby do vášho internetového projektu. Teraz môžu vaše užitočné materiály automaticky distribuovať na sociálnych sieťach vaši vďační čitatelia. A to je z mojej strany všetko.

JavaScript. Rýchly štart

Naučte sa základy JavaScriptu s praktickou ukážkou tvorby webovej aplikácie

Dobrý deň milí čitatelia mojej stránky. Dnes budeme hovoriť o sociálne tlačidlá, prečo sú potrebné na stránke a ako ich nainštalovať. V posledných rokoch sa sociálne siete stali veľmi populárnymi. Stále viac prenikajú do našich životov a veľmi často nám nahrádzajú v bežnom zmysle vzájomnú komunikáciu.

Dnes existuje veľa služieb, ktoré poskytujú kód pre tlačidlá sociálnych sietí. Nie každý však dokáže poskytnúť kvalitný kód, ktorý na vašu stránku nezanesie vírus ani nespomalí načítanie vašej stránky. Ako viete, rýchlosť sťahovania tiež nie je nepodstatným faktorom hodnotenia.

Tlačidlá sociálnej siete Yandex je flexibilný, ľahko prispôsobiteľný systém. Používateľ si môže prispôsobiť vzhľad tlačidiel, ako uzná za vhodné. Veľká paleta farieb a veľa možností zobrazenia tlačidiel im umožňuje harmonicky zapadnúť do akéhokoľvek dizajnu webovej stránky. Na tlačidlách najpopulárnejších sociálnych sietí môžete zobraziť počet zdieľaní stránky, páči sa mi atď.

Ďalší nesporné plus sociálnych tlačidiel od spoločnosti Yandex je, že si môžete prezerať štatistiky v Yandex.Metrica, ak ste zaregistrovaný v tejto službe a máte nainštalované počítadlo. To umožňuje analyzovať sociálnu aktivitu vašich návštevníkov.

Prechod na kartu " Počítadlá» Vzhľad bloku môžete prispôsobiť tak, aby sa počet zdieľaní vašej stránky zobrazoval oproti ikonám sociálnych sietí. Existujú však obmedzenia, ktoré som spomenul vyššie.

Počet zobrazených ikon je možné konfigurovať v kóde bloku, a to tu:

Číslo "3" je zodpovedné za počet ikon, ktoré sa zobrazia v bloku Yandex, ostatné ikony budú skryté v ponuke POP-UP.

Po prispôsobení vzhľadu bloku stačí skopírovať hotový kód a pridať ho do kódu vašej stránky na miesto, ktoré potrebujete. A nezáleží na tom, kde a akú časť kódu potrebujete vložiť. Prvé dva riadky kódu na vkladanie tlačidiel sú zodpovedné za pripojenie skriptu tlačidla z Yandex. Preto ich môžete umiestniť na začiatok HTML testu stránky medzi značky …. Tretí riadok kódu priamo zobrazuje blok tlačidiel. Ak sa však nechcete obťažovať hľadaním značiek , potom stačí skopírovať kód tlačidla a pridať ho celý na správne miesto na vašej stránke a bude to fungovať.

Ako pridať oficiálne tlačidlá sociálnych médií

Po zvážení univerzálneho bloku sociálnych tlačidiel od spoločnosti Yandex sa pozrime na to, čo nám samotné sociálne siete ponúkajú na inštaláciu na stránku ako ich tlačidlá. Na to by som chcel hneď upozorniť funkčnosť oficiálnych tlačidiel je o niečo vyššia. Napríklad Vkontakte ponúka nielen tlačidlo rôznych veľkostí a s počítadlom, ale aj bez počítadla, odkaz, odkaz bez ikony sociálnej siete, iba ikonu atď. To znamená, že vizualizácia takýchto tlačidiel bude vyššia. Poďme na to ako pridať oficiálne tlačidlá sociálnych médií na svoj web.

Sociálna sieť VKontakte

Prejdime k tejto časti. Táto časť poskytuje službu na nastavenie funkčnosti a vzhľadu tlačidla, vygenerovanie kódu pre tlačidlo Vkontakte. Poďme sa na to pozrieť bližšie.

1. Možnosť štýlu. Ponúka vám výber štýlu tlačidla. Konkrétne, ako má tlačidlo vyzerať (s počítadlom alebo bez neho, ako odkaz alebo ako ikona atď.)
2. Do poľa "Text" napíšte text, ktorý sa zobrazí v samotnom tlačidle
3. "Odkaz" - je zodpovedný za to, ktorú stránku bude tlačidlo zdieľať. To znamená, že kliknutím na tlačidlo sa bude zdieľať stránka s tlačidlom alebo iná stránka, kde toto tlačidlo nie je nastavené. Ak ide o inú stránku, musíte do poľa „Odkaz“ zadať adresu URL tejto stránky
4. Nižšie je uvedený hotový kód na pridanie tlačidla sociálnej siete Vkontakte na váš web
5. Nižšie uvedený kód zobrazuje príklad vášho tlačidla. Vďaka nemu môžete vizuálne vidieť, ako sa vaše tlačidlo zmení, keď zmeníte určité nastavenia.

V tomto formulári si môžete prečítať dokumentáciu pre rozšírené nastavenia tlačidla Vkontakte kliknutím na odkaz „Prejsť na podrobnú dokumentáciu miniaplikácie“.

Kód tlačidla sa skladá z dvoch častí. Preto sa musí vkladať samostatne.

Prvá časť kódu musí byť vložená medzi značky …. Druhú časť kódu pridávame na miesto stránky, kde by ste chceli vidieť samotné tlačidlá sociálnej siete Vkontakte.

sociálne tlačidlá na Facebooku

Komu pridať tlačidlá Facebooku musíte sa prihlásiť do tejto sociálnej siete a na hlavnej stránke sa pozrieť do pravého dolného rohu. Úplne dole nájdeme „Viac“ a v rozbaľovacom okne vyberieme „Vývojári“.

Prechodom na stránku pre vývojárov kliknite na odkaz " Produkty»

Na ďalšej stránke budete mať prístup ku všetkým produktom, ktoré Facebook ponúka. Ale nás to zaujíma sociálne doplnky.

Nasledujúca stránka poskytuje stručný prehľad sociálnych doplnkov, ktoré ponúka Facebook. Máme záujem o tlačidlá "Páči sa mi to", "Odoslať", "Zdieľať". Kliknite teda na odkaz v hornej časti stránky

A tak sme sa dostali na stránku pre výber a nastavenie sociálnych tlačidiel, ktoré nám Facebook ponúka. Ako môžete vidieť na snímke obrazovky nižšie, táto sociálna sieť ponúka širokú škálu sociálnych doplnkov na inštaláciu na stránku. Všetky sú uvedené v ľavom stĺpci. Zvážte nastavenie a získanie kódu tlačidla " Páči sa mi to».

Vyplňte polia v konfigurátore:

1. Url adresa je adresa vašej stránky, na ktorú chcete umiestniť tlačidlo „Páči sa mi to“.
2. Zloženie - Prispôsobte vzhľad
3. Veľkosť gombíka - malý gombík alebo veľký
4. Šírka - šírka tlačidla. Je to potrebné, ak vám štandardné veľkosti tlačidiel nevyhovujú alebo sa nezmestia na miesto, ktoré potrebujete na stránke
5. Typ akcie – Páči sa mi alebo Odporúčať, vyberiete si, čo má tlačidlo robiť

Pod formulárom nastavení sa zobrazuje vzhľad tlačidla, to znamená, že počas nastavení vizuálne vidíte, ako sa vzhľad mení - je to veľmi pohodlné.

Stojí za zmienku, že ak nezadáte URL do poľa Adresa stránky, bude zdieľaná stránka, na ktorej sa nachádza kód tlačidla.

Po nastavení hlavných prvkov kliknite na „Získať kód“. Kód, rovnako ako v prípade Vkontakte, pozostáva z dvoch častí. Prvú časť je potrebné nastaviť na začiatok kódu HTML vašej stránky za značku a nainštalujte druhú časť tam, kde potrebujete.

V poslednej dobe sa stalo módou inštalovať tlačidlá sociálnych sietí na webové stránky a blogy, a to nie je prekvapujúce. Po prvé, tlačidlá vám umožňujú zvýšiť „páči sa mi“ a „srdiečka“, čo má pozitívny vplyv na propagáciu článkov v sociálnych sieťach. Po druhé, existujú samostatné typy tlačidiel, ktoré vám umožňujú zdieľať odkazy na jednotlivé stránky webu na sociálnych sieťach - to priťahuje ďalších návštevníkov z Vkontakte, Facebooku, Odnoklassniki, Twitteru atď. Po tretie, články, ktoré získali veľké množstvo „páči sa mi“ a „srdiečka“, sú čitateľmi stránky veľmi dôveryhodné.

Preto je veľmi dôležité vedieť, ako nainštalovať tlačidlá sociálnych sietí na stránku, aby ste pomohli rozvoju webového zdroja. Budú sa brať do úvahy najpopulárnejšie sociálne siete

• V kontakte s
• Facebook
• Spolužiaci
• Google „+1“
• Twitter
• Môj svet

Tu zvážime inštaláciu štandardných tlačidiel, ktoré ponúkajú samotné sociálne siete. V tomto prípade bude musieť byť každé tlačidlo nainštalované oddelene od ostatných, trvá to trochu času, ale tiež to vyzerá veľmi dobre.

1.1. V kontakte s

1.1.1 Tlačidlo Uložiť

Tlačidlo je pomerne flexibilné, nápis na ňom je možné zmeniť na ľubovoľný (v predvolenom nastavení „uložiť“).

Najprv musíte prejsť na stránku s , na to isté miesto dostanete kód skriptu, ktorý budete musieť nainštalovať na svoju stránku, aby sa tlačidlo zobrazilo.

Tu si môžete vybrať jeden z 5 štýlov: tlačidlo, tlačidlo bez počítadla, odkaz, odkaz bez ikony, ikona.

Lúka " text“ umožňuje zmeniť štandardný nápis „uložiť“ na svoj vlastný.

Ako url-adresu si môžete zvoliť adresu stránky tlačidlom alebo adresu inej stránky (podľa vlastného výberu). V prvom prípade bude tlačidlo zdieľať odkaz na stránku, kde sa nachádza samotné tlačidlo. V druhom prípade bude tlačidlo zdieľať odkaz, ktorý určíte, bez ohľadu na to, kde sa nachádza.

Vložiť kód pozostáva z dvoch častí : prvá musí byť umiestnená kdekoľvek medzi značkami a, druhý - na mieste, kde sa má tlačidlo zobraziť. Prečítajte si o inštalácii tlačidla na web v odseku .

1.1.2 Tlačidlo Páči sa mi

Druhou verziou tlačidla je widget " mám rád". Bude jednoduchšie ho nainštalovať na stránku, pretože. na konci získate iba jeden kus kódu, ktorý bude potrebné umiestniť na správne miesto na stránke.

Ak chcete tlačidlo prispôsobiť, prejdite na tento odkaz. Tu je tiež potrebné vyplniť množstvo parametrov.

Názov lokality- tu je lepšie uviesť krátky a skutočný názov vašej stránky.

Webová adresa- zadajte adresu hlavnej stránky vášho webu.

Hlavná doména stránky- uveďte hlavné zrkadlo stránky (možno ho nájsť ako parameter operátora „Host“), ak je to pre vás ťažké, opustite navrhovaný VKONTAKTE.

Možnosti tlačidiel- sú to rôzne štýly gombíka, ovplyvňujú jeho vzhľad.

Výška tlačidla- geometrické rozmery "Páči sa mi to."

Názov tlačidla– k dispozícii sú dve možnosti (páči sa mi to, je to zaujímavé).

Vložiť kód- kód, ktorý je potrebný na zobrazenie tlačidla sociálnej siete Vkontakte.

1.2 Facebook

Tlačidlo na tejto stránke je nakonfigurované. Môžu nastať ťažkosti, pretože Komentáre formulára sú v angličtine, ale nižšie si môžete prečítať stručný popis každého poľa.

URLdoPáči sa mi to– url-adresa stránky pre tlačidlo (ak je pole prázdne, prevezme sa adresa stránky, na ktorej sa tlačidlo nachádza).

poslaťtlačidlo– prítomnosť zaškrtnutia umožňuje novú možnosť – odoslať odkaz na Facebook (zobrazí sa dodatočné tlačidlo – „odoslať“). Po aktivácii sa súčasne zobrazia dve tlačidlá.

štýl rozloženia– štýl tlačidla, ovplyvňuje jeho vzhľad (predvolené je tlačidlo_počítať).

šírka– šírka tlačidla v pixeloch.

Zobraziť tváre– po aktivácii sa zobrazia avatary ľudí, ktorí už toto tlačidlo stlačili.

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

farebná schéma– pozadie priestoru vedľa tlačidla (biele a čierne).

sloveso zobraziť- názov tlačidla (páči sa mi, odporúčam).

Získajtekód– tlačidlo, ktoré generuje kód skriptu.

1.3 Odnoklassniki a Môj svet

Tieto sociálne siete si získali veľkú popularitu na rusky hovoriacom internete, žije tam veľké množstvo ľudí, takže nezanedbávajte inštaláciu tlačidla „Trieda“ zo služby Odnoklassniki a „Páči sa mi“ z webovej stránky Môj svet.

Ak chcete prispôsobiť tlačidlá, musíte prejsť na . Tlačidlá môžete pridávať jednotlivo, pričom každé môžete nakonfigurovať vlastným spôsobom, alebo môžete upravovať obe tlačidlá súčasne.

Veľkosť výšky- geometrická veľkosť tlačidiel.

vyhliadka– vzhľad rámu tlačidla.

– výber tlačidla (ako, trieda)

Počítadlo- zapnutie a vypnutie počítadla stlačení tlačidiel (vpravo, hore - umiestnenie počítadla).

Text tlačidla– výber jedného z troch názvov dostupných pre tlačidlá.

Vložiť kód- kód skriptu, ktorý bude potrebné nainštalovať na stránku.

1.4 Google „+ 1“

Nová sociálna sieť, ktorá si za krátky čas získala obrovské publikum. Je ťažké si predstaviť web bez tlačidla „+1“. umožňuje nielen pridávať odkazy na sociálnu sieť a zvyšovať počet „plusov“, ale môže tiež ovplyvniť výsledky stránky v TOP vo vyhľadávači Google.

Všetky podrobnosti o tomto, ako aj o inštalácii a konfigurácii tlačidla sú umiestnené.

1.5 Twitter

Najpopulárnejšiu službu krátkych správ nemožno ignorovať. Nastavte si tlačidlo z tejto sociálnej siete a uvidíte, ako rýchlo budú ľudia zdieľať odkazy na váš web na Twitteri. Toto tlačidlo si môžete prispôsobiť.

Najprv musíte vybrať požadované tlačidlo (zaujíma nás prvá možnosť - tlačidlo "odoslať odkaz").

Potom sa na stránke zobrazí formulár s niekoľkými poľami, ktoré musíte vyplniť.

Odoslať odkaz– výber stránky, na ktorej sa tlačidlo nachádza, prípadne akejkoľvek inej.

Text– výber textu, ktorý sa zobrazí vedľa tlačidla (NIE NA SAMOTNOM TLAČIDLE).

Zobraziť počítadlo– povoliť alebo zakázať odpočítavanie počtu stlačení tlačidla.

Používaním- voľba spôsobu pridania odkazovej správy na Twitter (prakticky neovplyvňuje nič).

Marka- vyberte značku, ktorá bude zverejnená na Twitteri (prakticky neovplyvní nič).

veľké tlačidlo– zväčšiť geometrickú veľkosť tlačidla.

Odhláste sa z prispôsobenia služby Twitter- odmietnutie štýlov Twitteru (je lepšie nechať pole nezačiarknuté).

Jazyk– výber jazyka tlačidiel.

Vpravo sa vygeneruje kód, ktorý je potrebné pridať na stránku.

1.6 Ya.ru

Ak to chcete urobiť, musíte vyplniť niekoľko polí, ktoré vytvoria požadovaný kód skriptu.

Veľkosť– veľkosť malého alebo veľkého tlačidla.

Štýl– výber medzi tlačidlom alebo ikonou.

Prítomnosť počítadla– zapnutie alebo vypnutie počítadla stlačení tlačidiel.

Vzhľad tlačidla- príklad toho, ako bude tlačidlo vyzerať.

hlavička– výber názvu stránky (ľubovoľný alebo názov aktuálnej stránky).

Vložiť kód- požadovaný kód, ktorý sa pridá na stránku.

2. Hotové tlačidlá pre stránku

Ak však nechcete pridať kód každého tlačidla na svoju stránku, môžete použiť štandardné skripty, ktoré okamžite tvoria skupinu tlačidiel sociálnych sietí. V takom prípade stačí na svoju stránku pridať jeden kód takéhoto skriptu a hneď máte nainštalované tlačidlá najobľúbenejších sociálnych sietí.

Ak chcete nastaviť blokovanie a vybrať požadované sociálne siete, kliknite na tento odkaz. Snímka obrazovky nižšie ukazuje, že si môžete vybrať tlačidlá požadovaných sociálnych sietí z ponúkaných, ako aj mierne upraviť vzhľad bloku.

Servisná sada– výber tlačidiel sociálnej siete pre stránku (na stránke sa zobrazia tie, ktoré sú začiarknuté).

Kód- požadovaný skript, ktorý je potrebné pridať na stránku.

2.2 Tlačidlá PLUSO

V poslednej dobe si získal veľkú popularitu dizajnér tlačidiel sociálnych sietí - PLUSO. Na stránku môžete prejsť pomocou tohto odkazu.

Konštruktor je pomerne flexibilný, má veľa nastavení, vďaka ktorým môžete vytvárať tlačidlá sociálnych sietí tak, aby dokonale zapadli do dizajnu stránky.

Najprv si musíte vybrať štýl tlačidiel a počítadiel z niekoľkých navrhovaných (horizontálne, vertikálne, farebné, bezfarebné atď.).

Potom musíte výberom nakonfigurovať niekoľko možností

• umiestnenie bloku (vertikálne, horizontálne);
• farba gombíka (svetlá, tmavá);
• veľkosť bloku (veľký, malý);
• počítadlo (prítomnosť alebo neprítomnosť);
• pozadie (bezfarebné alebo farebné);

Kód sa vygeneruje podľa vami zadaných parametrov, po ktorých musí byť vložený na stránku.

Szajac42

Ďalšou službou, ktorá vám umožňuje navrhnúť tlačidlá pre vaše stránky, je Share42.com/ru.

Tento generátor vám umožňuje prispôsobiť veľkosť tlačidiel, určiť požadované sociálne siete z obrovského množstva dostupných a tiež upraviť vzhľad ikon.

Vyberte veľkosť tlačidiel a požadované sociálne siete a potom pokračujte v konfigurácii ďalších možností.

Typ panela s ikonami- zobrazenie bloku tlačidiel (veľmi zaujímavá možnosť "vertikálne plávajúce").

Obmedzte počet viditeľných ikon– výber počtu tlačidiel, ktoré sa majú zobraziť (ostatné budú skryté za odkazom).

Kódovanie stránok– výber kódovania pre vašu stránku.

Pridať ikonu pre webovú stránku Share42.com- Možno budete musieť zrušiť začiarknutie políčka.

Zobraziť počítadlá– povoliť počítadlo kliknutí na tlačidlo (iba keď je spustený jQuery).

Inštalácia tohto skriptu je pomerne komplikovaná, no je popísaná krok za krokom na samotnej stránke Share42.

3. Ako nainštalovať tlačidlá na stránke

Ak kód, ktorý chcete umiestniť na stránku, pozostáva z dvoch častí (ako v prípade tlačidla Vkontakte), potom je každá časť nainštalovaná samostatne. Ak kód nie je rozdelený na dve časti, potom je možné tento krok preskočiť.

Prvú časť kódu je potrebné pridať medzi značky a. Ak to chcete urobiť, prejdite na panel správcu WordPress a prejdite do editora šablón.

V editore šablón musíte nájsť súbor "Hlavička" (hlavička.php) ak nie, tak - "Hlavná šablóna" (index.php). Teraz musíte nájsť značku alebo. Ak v zadaných súboroch nie sú žiadne takéto značky (všetky témy sú odlišné, môže to tak byť), budete musieť otvoriť všetky súbory na úpravu a vyhľadať značku v každom z nich . Na vyhľadávanie môžete použiť klávesovú skratku Ctrl+F.

Keď nájdete značky, ktoré potrebujete, môžete uverejniť prvú časť kódu. tesne pred záverečnou značkouhlava>, aby ste sa náhodou nedotkli kódov iných skriptov.

Druhá časť kódu je umiestnená tam, kde chcete vidieť tlačidlá sociálnych médií vybrané pre danú stránku. Ak sa kód skladá len z jednej časti, potom stačí urobiť len túto operáciu.

Najčastejšie sa tlačidlá pridávajú pred článok alebo na jeho koniec. Jednoduchšia, samozrejme, druhá možnosť. Zvážime to.

Musíte nájsť miesto, kde článok končí (hlavná textová časť stránky). Ak to chcete urobiť, musíte súbor upraviť "Jeden záznam" (slobodný.php).

Teraz musíte nájsť operátora, ktorý je zodpovedný za zobrazenie hlavného obsahu článku. V mojom prípade je to „obsah“, hneď za ním sa umiestni kód tlačidla.

Podobne môžete kód umiestniť na začiatok článku, stačí si nájsť miesto medzi nadpisom a textom článku.