Kód sociálnych tlačidiel. Zdieľanie tlačidiel sociálnych médií Yandex

V poslednej dobe každý druhý (ak nie prvý) zákazník v požiadavkách na rozvoj stránky žiada, aby ju určite prepojil so sociálnymi sieťami. „Sociálne“ tlačidlá na stránke sú nástrojom číslo 1 na prilákanie cieľového publika, distribúciu obsahu a PR vo všeobecnosti. A je to úplne zadarmo!

Sociálne siete poskytujú kódy pre svoje tlačidlá a widgety na umiestnenie na stránke a obsahujú pokyny na ich inštaláciu do redakčného systému. Akékoľvek CMS (operačné systémy) vám ich umožňujú nainštalovať, hlavnou vecou je harmonicky zapadnúť do dizajnu vášho webu.

Aké sú vlastnosti a funkcie?

Ak je váš web zameraný na ľudí, ktorí komunikujú s populárnymi sociálnymi sieťami. siete, napríklad Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest atď., a chcete ich pokryť všetky, aby ste nenastavovali tlačidlá pre každú z nich samostatne, pretože sa môžu líšiť veľkosťou a dizajnom , odporúčame využiť služby agregátora. Ide o jednoduché a pohodlné nástroje, ktoré návštevníkom stránok umožnia rýchlo zdieľať informácie so svojimi priateľmi bez ohľadu na to, ktorú sociálnu sieť používajú. Nižšie budeme analyzovať najobľúbenejšie služby.

Tlačidlá sociálnych médií Share Pluso

pozdravujem! Niekedy sa teda pýtam, prečo na konci každého príspevku umiestniť tlačidlá sociálnych médií? Aký je v nich zmysel? Možno v skutočnosti nemajú žiadne využitie a ich význam je prehnaný?

O umiestnení tlačidiel na stránkach blogu som už písal. Výhody tejto akcie ale nespomenul, len zdôraznil, že ponechaním stránky v sociálnych záložkách výrazne stúpajú šance na zrýchlenie indexovania.

Prečo sú potrebné tlačidlá

• Prvý už bol spomenutý – indexovanie vyhľadávačmi na seba nenechá dlho čakať;
• Po druhé, aj keď odkazy na sociálne siete ukladáte iba vy, určite sa nájdu nejaké kuriózne. Pozrú, povedia áno, je tu niečo zaujímavé, pôjdu na odkaz a možno ich to zaujme. Môžete teda nájsť malú návštevnosť a ak si návštevník uloží aj odkaz sám, ale už vo svojom profile, návštevnosť sa môže výrazne zvýšiť. Následne môže návštevník, ktorý zapadol zo zvedavosti, vyrásť v potenciálneho pravidelného čitateľa, napríklad prihlásením sa na odber RSS kanála. Ktovie, možno sa v budúcnosti stane dôstojným partnerom alebo naopak;
• Po tretie, určite sa vy, rovnako ako väčšina, snažíte získať spätné odkazy. A je žiaduce, aby externé stránky odkazovali nielen na hlavnú stránku, ako sa to často stáva, ale aj na interné stránky - vyhľadávače to milujú. A tlačidlá sociálnych médií nám túto príležitosť dávajú!

Ďalšia vec je, že nie všetky odkazy z takýchto stránok sú indexované. Napríklad Yandex, ak sa vrátite na sociálne záložky, majte filtre pre niektoré služby. Nedávno však začal indexovať najväčšiu sociálnu sieť ruského internetu "VKontakte" - kto vie, možno v budúcnosti ...

Už som vyvodil svoje závery a myslím si, že tlačidlá sociálnych sietí sú na blogu potrebné, aj keď s jedným ALE: môžu priniesť významné výhody iba vo fáze tvorby blogu. Dobre propagované blogy to pravdepodobne nebudú potrebovať. Co si myslis?

Tu je zoznam služieb, ktoré sú ponúkané na výber podľa vlastného uváženia zaškrtnutím políčka:

V tom istom okne vpravo sa zobrazí vygenerovaný kód v závislosti od predchádzajúceho výberu, ktorý bude potrebné vložiť na stránky blogu. Napríklad na konci každého príspevku.

Yandex pomerne nedávno začal poskytovať webmasterom takúto príležitosť vo forme tlačidiel pre hlavné sociálne služby, ale už ich možno vidieť na pomerne veľkom počte blogov. To opäť hovorí o obľúbenosti sociálnych sietí.

Pravdepodobne neexistujú na internete žiadne stránky, ktoré by neboli hosťované. tlačidlá uverejňovania materiály na sociálne siete. Tí druhí už dlho a pevne zaujali miesto v našich životoch. Komunikujeme tam, spoznávame sa, propagujeme biznis, čítame novinky a podobne. Celý rad. Nie je žiadnym prekvapením, že webmasteri sa snažia rozšíriť svoju prítomnosť na sociálnych sieťach akýmikoľvek prostriedkami. Koniec koncov, existuje veľa potenciálnej návštevnosti, ktorú potrebuje úplne každý. Tok návštevníkov sú peniaze, povesť, rast. Všetko je postavené okolo neho. Chutné sústo.

Sociálne tlačidlá sú samozrejme nevyhnutné. Otázka je iná - ktoré si vybrať? Testovali sme za vás TOP 5 rôznych služieb na pridanie kódu tlačidla na stránky. Cieľom je identifikovať ten optimálny a detailne ho ukázať. Začnime kvalifikačnou fázou.

Výber najlepšej služby sociálnych tlačidiel

Výber žiadateľov na porovnanie sa ukázal ako triviálny - vzali sme najobľúbenejšie služby , o ktorej už počul každý, kto je dôverne oboznámený s témou tvorby webových stránok. Žiadni vzácni, získavajúci si obľubu, len skúsení starí ľudia.

Zloženie atestovaného tímu je nasledovné:

Výsledkom testovania vybraných sociálnych služieb - vedúci bol uSociál ... Teraz by ste chceli dostať zdôvodnenie našej voľby. Samozrejme, neostaneme neopodstatnení.

Funkcie tlačidiel uSocial

Dajme si niektoré fakty to nás presvedčilo o správnosti rozhodnutia.

Slovné prirovnanie mnohým nebude stačiť. Preto sme zostavili porovnávacia tabuľka tlačidlá od uSocial a iných debutantov (používaná stupnica hodnotenia je od 1 do 5). Všetky tieto údaje boli získané počas testovania.

Dúfame, že vykonaná analýza dokázala rozptýliť vaše pochybnosti o platnosti našej voľby. Okrem pekného vzhľadu sú sociálne tlačidlá od uSocial hlboko aplikované v prírode a sú dosť silným nástrojom na propagáciu akýchkoľvek projektov.

Pokyny, ako nainštalovať tlačidlá sociálnych médií na webovú stránku

Ak chcete umiestniť sociálne tlačidlá z uSocial na svoj web, musíte vykonať niekoľko jednoduchých krokov:

Krok 1

Krok 2

Skladanie súboru sociálnych tlačidiel. Dá sa vybrať zobrazené služby sociálnych sietí, tvar a štýl tlačidiel.

Tu môžete tiež aktivovať tlačidlo „Hore“, povoliť podporu pre mobilné zariadenia, pripojiť služby Viber, WhatsApp, Telegram, SMS.

Po dokončení všetkých operácií zadajte adresu svoju stránku a kliknite na tlačidlo "Získať kód".

Krok-3

Kopírovať kódskript v okne, ktoré sa zobrazí. Kód musíte vložiť na tie stránky svojho zdroja, kde potrebujete panel sociálnych tlačidiel. Napríklad v päte pred záverečnou značkou

.

Krok-4

Po nainštalovaní sociálnej lišty z vášho osobného účtu uSocial môžete prezerať štatistiky lajkov a repostov za zvolené obdobie, a to naraz pre všetky sociálne siete, aj pre vybrané. Údaje sa zobrazujú vo forme ľahko zrozumiteľných grafov alebo tabuliek.

Vo svojom osobnom účte uSociálne všetko vytvorené súpravy a štatistiky pre lokality, ku ktorým boli pripojené. Kedykoľvek môžete prepínať medzi stránkami a analyzovať údaje prijaté z počítadiel.

Ako zvýšiť efektivitu sociálneho baru?

Ak sa pri preposielaní materiálu zobrazí nesprávny obrázok a popis, môžete manuálne určiť, čo, koľko a ako sa má zobraziť, pomocou špeciálnych metaznačiek, ktoré sú zrozumiteľné pre všetky sociálne siete. Ak sa tak nestane, v sociálnych sieťach sa môžu zobraziť náhodné obrázky a popisy. Je nepravdepodobné, že to potrebujete.

Pri správnom vyplnení sociálnych meta tagov budú príspevky sociálnymi službami správne vnímané, pretože označujú typ materiálu, relevantný názov a odkaz na požadovaný obrázok. To všetko zvyšuje efektivitu opätovného odosielania: váš materiál bude správne indexovaný sociálnymi službami.

Príklady kód mikrodát pre populárne sociálne siete (kód musí byť napísaný pred značkou):

1. Facebook a V kontakte s použite protokol Open Graph:

3. Pre Twitter kód vyzerá takto:

4. Pre Google+ Takže:

- odkaz na profil autora na Google+
- Názov stránky
- text úryvku (až 40 znakov)
- popis stránky
- cesta k súboru s obrázkom

Nástroje pre prácu s mikroznačkami.

Dobrý deň milí priatelia. Dnešný článok bude venovaný vytvoreniu bloku sociálnych tlačidiel bez služieb a pluginov. A tento blok bude obsahovať aj tlačidlá, ktoré umožnia návštevníkom stránky vytlačiť si stránku, poslať odkaz na článok e-mailom a urobiť záložku k vášmu článku. Takéto tlačidlá dnes nájdeme takmer na každom webe. Až teraz sa implementujú pomocou služieb alebo pluginov. A ukážem vám, ako to urobiť sami.

Služby, ktoré som používal na klientskych stránkach a na mojom blogu – a. Tieto služby uľahčujú implementáciu úlohy.

Aká je výhoda vlastných sociálnych tlačidiel oproti službám a doplnkom

1. Nesporným faktorom je samozrejme rýchlosť načítania webovej stránky. Takže napríklad služba PLUSO, ktorú používam na blogu, v lepšom prípade pridá k záťaži 633 milisekúnd.

A v tomto bloku sa používajú iba potrebné obrázky sociálnych tlačidiel v kombinácii. Všetky štýly sú obmedzené na minimum. Plus jednoduchý html rámec.

1. Metóda, ktorú navrhujem, neobsahuje žiadne externé odkazy. Nie, existujú odkazy, ale všetky budú ako interné odkazy. Vždy ich môžete mať, ak chcete. A potom ich nebude vôbec vidieť.

1. Veľmi jednoduchá inštalácia. Do zdrojového kódu stránky stačí vložiť html kód bloku, načítať sprite, pridať css štýly a inštalácia je hotová. Musíte len opraviť cestu k súboru s obrázkami tlačidiel.
2. Táto položka nie je skôr plus alebo mínus v smere vlastného bloku sociálnych tlačidiel. Trik je v tom, že jeho vlastný blok nemá počítadlo kliknutí na tlačidlo. A to sa dá považovať za mínus. Ale na druhej strane je možné nasadiť každé tlačidlo a budete presne vedieť, koľkokrát vaši návštevníci klikli na tlačidlá a zdieľali vaše články na sociálnych sieťach.
3. Štatistiky zhromaždené službami na vašej webovej lokalite už nebudú poskytované tretím stranám.

Vloženie bloku sociálnych tlačidiel do zdrojového kódu

Budeme uvažovať o klasickej verzii, keď sú tlačidlá umiestnené za článkom.

Dá sa to urobiť buď otvorením súboru zodpovedného za zobrazovanie článkov (single.php) a pridaním bloku sociálnych tlačidiel do zdrojového kódu. Alternatívne to možno urobiť cez súbor funkcií témy (functions.php).

Ukážem obe možnosti a vy si vyberiete tú, ktorá vám vyhovuje.

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

Upozornenie: Skôr ako začnete, vytvorte si záložnú kópiu súboru single.php!

Otvorenie panela správcu WordPress - "vzhľad" — "Editor" — "Jeden záznam (single.php)".

V zdrojovom kóde hľadajte miesto, kde končí výstup článku a začínajú komentáre alebo navigácia po stránke. Toto je miesto, kde budete musieť vložiť html kód bloku sociálnych tlačidiel.

Pozorne si pozrite snímku obrazovky, riaďte sa kódmi zodpovednými za výstup článkua komentáre... A vložte kód nižšie.

Samozrejme, vo vašich šablónach budú nejaké rozdiely, ale som si istý, že na to prídete, na tom nie je nič ťažké. A okrem toho máte zálohu, niet sa čoho báť.

A tu je html kód samotného bloku sociálnych tlačidiel:

Vysvetlivky ku kódu: je to jednoblokový DIV s class.share, ktorý obsahuje odkazy na sociálne siete. Odkaz sa otvorí v samostatnom vyskakovacom okne, za čo je zodpovedná táto funkcia onClick = window.open. Nahradenie odkazu na článok sa vykonáva pomocou tohto kódu... Každý odkaz má svoju vlastnú triedu, prostredníctvom ktorej je priradený obrázok tlačidla.

Tým sa dokončí vkladanie cez zdrojový kód. A potom musíte prepojiť štýly css.

Vloženie bloku do zdrojového kódu single.php cez funkcie témy

Upozornenie: pred začatím práce si vytvorte záložnú kópiu svojho súboru functions.php!

Ak chcete použiť túto možnosť, musíte otvoriť súbor functions.php a pridať tento kód na úplný koniec:

/ * Vložiť sociálne tlačidlá * / add_action ("komentáre_šablóny", "soc_button"); function soc_button () (?> A po vložení kódu buďte opatrní, nemali by ste mať medzery a iné znaky. Alebo len zavrieť php kód?>. V opačnom prípade stránka prestane fungovať.

Vysvetlivky ku kódu: miesto, kde sa budú tlačidlá sociálnych médií zobrazovať, je definované pomocou kľúča API komentárov_template. Tento kľúč sa používa na určenie miesta pred komentármi. Samotný kód sociálnych tlačidiel je uzavretý v reverzných otváracích a zatváracích značkách php. V kóde som ich označil červenou farbou. Toto je trik vkladania html kódu do php prostredníctvom funkcií tém.

Táto a táto metóda je u konca, pokračujeme v nahrávaní obrázkov na stránku.

Nahrávanie obrázkov tlačidiel na server

Ako príklad som pripravil niekoľko spritov s obrázkami sociálnych tlačidiel. Môžete si ich stiahnuť.

Sprite, ktorý používam ako príklad, má iba 3,97 kb a obsahuje iba tlačidlá, ktoré potrebujete. A keďže ide o sprite, potom je len jedna požiadavka na databázu, a nie pre každé tlačidlo zvlášť.

Stiahnite si obrázky alebo si pripravte vlastné a nahrajte ich na svoju stránku. Myslím, že by s tým nemali byť žiadne problémy. Ďalej, odkaz na tohto sprite bude potrebný na ozdobenie tlačidiel pomocou štýlov css.

Vrátane CSS štýlov

Samozrejme, môžete tento krok urobiť úplne ako prvý, ale radšej najprv urobím všetku náročnú technickú prácu a až potom začnem s peknými maličkosťami so štýlmi css.

Otvorte teda súbor style.css, ktorý je zodpovedný za dizajn vašej stránky. A vložte tieto štýly:

Zdieľ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 (pozadie: url ("http: //test..png") bez opakovaného posúvania -252px 0px transparentné;) .share a.livejournal (pozadie: url ("http: //test..png") bez opakovania scroll -336px 0px transparent;) .share a.twitter (pozadie: url ("http: //test..png") bez opakovania rolovania -42px 0px transparentný;) .share a.mail (background: url ("http : //test..png ") rolovanie bez opakovania -294px 0px priehľadné;) .share a.odnoklassniki (pozadie: url (" http: //test..png ") rolovanie bez opakovania -126px 0px transparentné;) .share a.pinterest (pozadie: url ("http: //test..png") bez opakovaného posúvania -210px 0px transparentné;) .share a.liveinternet (pozadie: url ("http: //test..png) ") rolovanie bez opakovania -378px 0px priehľadné; ) .share a.evernote (pozadie: url ("http: //test..png") bez opakovaného posúvania -420px 0px transparentné;) .share a.bookmark (pozadie: url ("http: // test .. png ") no-repeat scroll -462px 0px transparent;) .share a.email (background: url (" http: //test..png ") no-repeat scroll -504px 0px transparent;) .share a.print ( background: url ("http: //test..png") bez opakovaného posúvania -546px 0px transparentné;) .share a.digg (pozadie: url ("http: //test..png") bez opakovaného posúvania -588px 0px priehľadné;) .share a.spring (pozadie: url ("http: //test..png") bez opakovaného posúvania -630px 0px priehľadné;)

Vysvetlivky ku kódu: trieda.share definuje všeobecný vzhľad bloku, veľkosť každého tlačidla, výplň a nastavuje jedno pozadie. Potom má každý odkaz svoju vlastnú triedu a každému takémuto odkazu je prostredníctvom vlastnosti pozadia priradený vzhľad tlačidla. Tlačidlá sú spustené ako sprite css a každé tlačidlo má šírku a výšku 40 pixelov s 2 pixelmi medzi nimi, čo vám umožňuje presne definovať obrázok pre každé tlačidlo. To znamená, že prvé tlačidlo je označené ako 0 a druhé ako 42 atď. V kóde sú tieto hodnoty označené oranžovou farbou. Odkaz na sprite je tiež zvýraznený oranžovou farbou, zmeníte ho na cestu k svojmu spriteovi.

Tým sa dokončí celý proces vytvárania vlastného bloku sociálnych tlačidiel. Môžete bezpečne prejsť na kontrolu.

A mám aj videonávod, v ktorom je celý proces názorne znázornený, tyč ukazuje činnosť samotných tlačidiel. Sledujte a vkladajte na svoje stránky a blogy.

Teraz je to všetko. S úlohou sa vyrovnal. Prajem vám všetkým veľa šťastia a vidíme sa pri nových článkoch a videonávodoch.

Teraz existuje veľa spôsobov, ako pridať tlačidlá sociálnych médií na stránku, existuje výber a poteší. Sociálne tlačidlá zohrávajú na stránke dôležitú úlohu, s ich pomocou, ako už mnohí vedia, môžete rýchlo repostovať akýkoľvek príspevok na niektorú z vybraných sociálnych sietí. Sociálne tlačidlá pre túto stránku sú teraz umiestnené kdekoľvek a všade, ale niekedy na nesprávnom mieste.

Sociálne tlačidlá pre web

Mnohí už vedia, aké sú teraz sociálne siete rozvinuté a aké je skvelé, ak má vaša webstránka také tlačidlá, pomocou ktorých si môžete na nástenku pridať príspevok, ktorý sa vám páči, alebo časť príspevku. Touto akciou nielen komentujete alebo preposielate správy, ale dávate aj dodatočný signál vyhľadávacím nástrojom.

Sen každého majiteľa stránky, ak všetky jeho príspevky budú čitatelia repostovať na svojich stránkach v niektorej zo sociálnych sietí. V súčasnosti je najväčší dopyt po Vkontakte, Facebooku, Twitteri a Odnoklassniki. Pridal by som aj LiveJournal, liveinternet a Blogger. Je žiaduce pridať tieto tlačidlá na stránku pre úplné pohodlie používateľa.

Najmä Twitter si dnes zaslúži čoraz väčšiu pozornosť, s jeho pomocou sa vaše nové publikácie rýchlejšie objavia v indexe vyhľadávačov.

Ak ste vlastníkom stránky, s najväčšou pravdepodobnosťou máte účet liveinternet alebo LiveJournal. Aby sa do týchto služieb nepridávali zakaždým nové položky, prítomnosť ich tlačidiel šetrí čas. Okrem toho mnoho ľudí využíva tieto služby a možno bude chcieť váš záznam znova zapísať do svojho denníka.

Existuje niekoľko najlepších spôsobov, ako rýchlo pridať sociálne tlačidlá na svoj web. Dá sa to urobiť pomocou online služieb, ktoré vám s tým rýchlo a jednoducho pomôžu. Alebo priamo cez každú sociálnu sieť zvlášť. Už teraz je na výber pre každého. Predtým sa tlačidlá pridávali samostatne cez každú sociálnu sieť, teraz som nainštaloval pomocou služby.

Existuje taká podobná služba, tzv zdieľať 42... Popísalo sa o ňom veľa materiálu, aký je dobrý a ako by sa mal používať. Dobré, ale pre bežného používateľa, ktorý tomu nič nerozumie, bude ťažké sa s tým vyrovnať.

Za takú malú lekciu, kopírovanie priečinkov na hosting a následné potenie sa štýlmi, teraz už nevládze. Existujú aj ďalšie možnosti, v ktorých musíte skopírovať a vložiť pripravený kód bez akýchkoľvek ďalších priečinkov. Tak na túto službu zabudnite.

Pridajte len tie najzákladnejšie tlačidlá sociálnych médií, ktoré používa väčšina, nevytvarujte desiatky nepotrebných zabudnutých tlačidiel.

Čo dnes môžete použiť na pridanie sociálnych tlačidiel na stránku:

1. Obsluha podobná.
2. Sociálne tlačidlá Yandex.
3. Manuálne pridanie každej sociálnej siete samostatne.
4. Pluso služba.
5. Používanie doplnkov WordPress (pre lenivých).

Pravdepodobne nie je potrebné nikam inam vstupovať, neexistuje lepší spôsob, ako to nájsť. Každá z týchto možností je dobrá svojím vlastným spôsobom. Ak poznáte pohodlnejší alebo atraktívnejší spôsob, napíšte do komentárov.

Tlačidlá sociálnych sietí musia byť vložené na koniec každého článku, aby po prečítaní mohol návštevník stránky, ak si to želá, váš príspevok znova odoslať. Nemal by ich hľadať niekde na konci stránky. Najoptimálnejšie miesta, kde by mali byť takéto tlačidlá podľa mňa umiestnené, sú v bočnom paneli a hneď na konci každého príspevku.

Uptolike

Momentálne sám túto službu využívam, zapáčila sa mi. Okrem pohodlia má služba uptolike niekoľko privilégií oproti iným svojho druhu.

• Široká škála tlačidiel sociálnych médií;
• Tlačidlá sú prispôsobené pre mobilné zariadenia;
• Schopnosť citovať akúkoľvek časť textu v sociálnej sieti;
• Navrch môžete pridať tlačidlo;
• Možnosť pridania vyskakovacieho okna na odber skupiny Vkontakte;
• Výber veľkosti ikon;
• Výber štýlu ikon pre stránku;
• Pridať efekt vznášania;
• Zmeniť pozadie tlačidla, farbu textu, pozadie počítadla;
• Zvýšte alebo znížte text v počítadle.

V porovnaní s inými takýmito službami existuje dostatok privilégií na jej používanie. To pridáva iba malý kód vo forme skriptu a pár riadkov so štýlmi. Zároveň neexistuje žiadny cudzí odkaz, skontroloval som to prostredníctvom služby odchádzajúcich odkazov. Ak sa mýlim, môžete ma opraviť.

Okrem toho, čo iné dokáže služba uptolike.

Najdôležitejšie nastavenia. Vyberáme, ktoré sociálne tlačidlá pre web chcete vidieť. V prípade potreby môžete otvoriť zoznam a vybrať niekoľko ďalších z väčšiny. Dali sme kliešť na podporu. Potom sa na mobilných telefónoch budú tlačidlá sociálnych médií vždy zobrazovať v spodnej časti obrazovky.

Výber vodorovnej polohy tlačidiel, veľkosti a štýlu. Ozdobte ho, ako sa vám páči, a pridajte efekt vznášania. Nemusíte robiť nič iné. Ak chcete vygenerovať kód počítadla, musíte zadať adresu lokality a poštovú schránku. Hneď potom sa objaví kód na vloženie sociálnych tlačidiel na stránku.

Ak máte stránku WordPress, otvorte súbor single.php a vložte hotový kód hneď po skončení obsahu stránky. Obnovíme stránku a uvidíme, čo sa stalo. Nie je nič zložité.

Yandex.

Výber ikon požadovaných služieb. Twitter je dostupný iba vo forme ikon, bez počítadiel. Vyberieme vzhľad blokov a pod nimi bude pripravený kód na vloženie. Ako už bolo spomenuté, do Yandexu nepridávame nič iné, všetko je skromné ​​a vkusné.

Metóda manuálneho pridávania

Pri tejto metóde musíte otvoriť každú sociálnu sieť samostatne a nakonfigurovať každé tlačidlo repost samostatne. Ak chcete pridať tlačidlo facebook, musíte ísť tu... Pre spolužiakov a môj svet potrebujem doplniť údaje. Pre twitter sa všetko deje na. Ak chcete pridať tlačidlo Vkontakte, prejdite na táto strana .

Budete mať pripravený kód len zo sociálnych sietí, bez zbytočných skriptov. Pravdepodobne najlepší spôsob, ako pridať tlačidlá sociálnych médií na webovú stránku. Obtiažnosť vzniká v tom, že je potrebné vystrihnúť každé tlačidlo zvlášť, potom všetko vložiť na jedno miesto a pomocou css štýlov zarovnať do jedného stĺpca. Ak s tým nemáte žiadne problémy, môžete to skúsiť.

V kontakte s

Ak chcete pridať tlačidlo Vkontakte, kliknite na Pripojiť stránky a miniaplikácie, nižšie bude úplný zoznam všetkých možných doplnkov. Nechýba ani možnosť pridávať komentáre na stránku, uverejňovať príspevky na nástenke, pridávať vlastnú skupinu, odporúčania, ankety, odoberať autora a zverejňovať odkazy. V našom prípade vyberte možnosť Publikovať odkazy.

Nie je to nič zložité, zvolíme si štýl tlačidla (s počítadlom alebo bez), napíšeme text na tlačidlo, možnosť loga a pod ním bude pripravený embed kód. Sám som použil túto metódu manuálneho pridávania, ale momentálne skúšam službu tretej strany. Poďme sa pozrieť čo sa stalo. Ak nebudete spokojní, okamžite sa vrátim k manuálnemu spôsobu.

Pluso

Ďalší spôsob, ako pridať tlačidlá pre web pomocou Pluso služba... Služba je tiež dobrá, mnohí si všimli tlačidlá z nej. Výber možností dizajnu je veľký, okrem amatérskeho existujú veľké veľkosti obrázkov. Schopnosť pridávať siete nie je v porovnaní s inými podobnými službami v žiadnom prípade horšia. Na inštaláciu nie sú potrebné žiadne súbory, iba kód.

Vyberieme akýkoľvek štýl dizajnu a pridáme potrebné služby. O niečo nižšie sa ukáže hotový príklad, ako to všetko bude na stránke vyzerať. Môžete si vybrať veľkosť ikon veľké, stredné alebo malé. Tiež štvorcové ikony pre web alebo okrúhle, v jednom riadku alebo v dvoch riadkoch, horizontálne alebo vertikálne. S počítadlom alebo bez neho, bez pozadia alebo nastavte pozadie tak, aby zodpovedalo dizajnu vašej webovej stránky.

Po všetkých týchto akciách bude pripravený kód na vloženie na stránku nižšie. Ak potrebujete vložiť na hlavnú stránku, hrabeme sa v súbore index.php, ak vo všetkých vašich príspevkoch, pridajte kód do súboru single.php hneď po skončení príspevku.

WordPress

Ak ničomu v tomto kóde nerozumiete, čo kam skopírovať a ako to všetko funguje, existuje východisko. Ak máte motor WordPress, môžete si nainštalovať doplnok, ktorý vám poskytne tlačidlá sociálnych médií. Dnes existuje veľa takýchto pluginov. Prejdite na panel správcu - Pluginy. Do vyhľadávania pluginov môžete okamžite napísať „sociálne tlačidlá“, „sociálne“ alebo „VKontakte“. Som si istý, že niečo nájdeš.

Spomedzi väčšiny takýchto podobných doplnkov WordPress sú pri pohľade na hodnotenie najobľúbenejšie:

1. Tlačidlá zdieľania na sociálnych sieťach pre WordPress.
2. Sociálnej.
3. Social Media Feather – ľahké tlačidlá na zdieľanie a sledovanie na sociálnych sieťach.

V skutočnosti existuje veľa podobných pluginov, musíte si ich nainštalovať a roztriediť, ktorý sa vám najviac páči, funguje správne, čo zobrazuje a ako si ho môžete prispôsobiť. Vezmime si príklad prvého takéhoto pluginu, Social Share Buttons pre WordPress.

Samotný plugin je v ruštine, s tým nebudú žiadne problémy. Po inštalácii sa na ľavej strane ponuky zobrazí nové tlačidlo „Zdieľať tlačidlá“. V hlavných nastaveniach umiestnime logo stránky a napíšeme text pred sociálne tlačidlá.

Nezabudnite zahrnúť generovanie meta údajov, názov a popis stránky budú zahrnuté. Zarovnajte tlačidlá vodorovne a vyberte, kde budú. Vyberáme len v príspevkoch. Požadované stránky môžete voliteľne vylúčiť. Úplne dole musíte zadať prezývku v tritri.

Na ďalšej karte Nastavenia zdieľania vyberieme štýl tlačidiel. Nižšie môžete povoliť alebo zakázať nepotrebné sociálne siete a pridať zarážky pre celý blok hore alebo dole. Nikde nemusíte dávať extra kód, plugin urobí všetko za vás.

Výber je na vás, ktorú metódu použijete. Pridajte ikony sociálnych médií cez uptolike, Pluso alebo Yandex. Doplnok na WordPress by ste nemali okamžite inštalovať, skúste všetko urobiť manuálne alebo pomocou služby.

Ak poznáte nejakú inú dobrú službu alebo spôsob, ako pridať sociálne tlačidlá na stránku, budem vďačný za váš komentár.