Widgety sociálnych sietí. Widget sociálne ikony pre skupiny, stránky a komunity

Prehľad domácich dizajnérov tlačidiel a skriptov sociálnych sietí pre webové stránky, ako aj zahraničné analógy. Stručné, jasné a vizuálne.

2. Jednoduchý spôsob získať odkazy na stránku - QIP.RU
Umiestnite tlačidlo na stránku a poskytnite návštevníkom možnosť pridať svoje obľúbené materiály stránky do záložiek, blogov a sociálnych sietí. Tri kroky: kam umiestniť tlačidlo (webová stránka, Blogger alebo WordPress), štýl tlačidiel (pripravené možnosti) a získať tlačidlo.

3. Tlačidlá pre pridávanie obsahu na sociálne siete - Pluso
Umiestnite tlačidlá a dajte návštevníkom možnosť zdieľať svoje obľúbené stránky na sociálnych sieťach, ako aj tlačiť, odosielať e-maily a pridávať záložky.

4. Služba sociálnej aktivity - UpToLike
Vlastné tlačidlá sociálnych médií s možnosťou nastavenia farby, tvaru, veľkosti a špeciálnych efektov. Medzi ďalšie funkcie patrí miniaplikácia na zdieľanie obrázkov PicShare, funkcia „Quote“ a prispôsobená funkcia Follow.

5. Jedno tlačidlo! — pre všetky záložky a služby sociálnych sietí
Vyberte tlačidlo zobrazenia. Kde bude tlačidlo nainštalované: web, Blogger alebo WordPress. Pridajte tlačidlo.

1. Krásne sociálne tlačidlá pre stránku - goodshare.js
Zobrazte tlačidlá na takmer akomkoľvek zariadení. Čistý kód. Stručná dokumentácia. SEO priateľský.

2. Skript pre sociálne záložky a tlačidlá na vytváranie sietí - Share42
Vyberte veľkosť a označte ikony služieb, ktoré chcete na stránke používať. Vyberte požadované možnosti. Pozrite sa, ako to bude vyzerať a / alebo stiahnuť pripravený scenár. Nainštalujte skript na stránky WordPress, Drupal atď.

3. Krásne tlačidlá “páči sa mi to” pre sociálne siete pomocou jQuery – Social Likes
Skript pre tlačidlá „páči sa mi“ s počítadlami jednotný štýl pre sociálne siete: Facebook, Twitter, VKontakte, Odnoklassniki, Môj svet, Google+ a Pinterest.

1. Tlačidlá zdieľania - AddThis
Tlačidlá zdieľania vám pomôžu zvýšiť publikum vašich stránok prilákaním návštevníkov z iných zdrojov a sociálnych sietí prostredníctvom distribuovaného obsahu.

4. Sociálne zdieľanie - Po.st
Získajte viac výhod zo zdieľania na sociálnych sieťach. Služba návštevníkom uľahčí proces zdieľania na sociálnych sieťach, ktorých bude pribúdať organická návštevnosť stránky.

5. Tlačidlá zdieľania pre akúkoľvek webovú stránku – AddToAny
Získajte kód pre tlačidlá sociálnych médií pre akúkoľvek webovú stránku. Vyberte typ a štýl tlačidiel, zadajte svoj e-mail a ďalšie možnosti alebo si vyberte jednu z platforiem: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad alebo FeedFlare. Získajte kód tlačidla.

Na internete pravdepodobne nezostali žiadne stránky, ktoré by neobsahovali tlačidlá uverejňovania materiály na sociálnych sieťach. Tí druhí už dlho a pevne zaujali miesto v našich životoch. Komunikujeme tam, spoznávame sa, propagujeme biznis, čítame novinky a podobne. Celé spektrum. Niet divu, že webmasteri sa snažia rozšíriť prítomnosť svojich stránok na sociálnych sieťach akýmikoľvek dostupnými prostriedkami. Koniec koncov, existujú tony potenciálnej návštevnosti, ktorú potrebuje úplne každý. Tok návštevníkov znamená peniaze, povesť, rast. Všetko je postavené okolo neho. Chutné sústo.

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

Výber kandidátov na porovnanie sa ukázal ako triviálny - vzali sme najobľúbenejšie služby, o ktorej už počul každý, kto sa v téme tvorby webstránok vôbec vyzná. Žiadne vzácne, ktoré si získavajú na obľube, len skúsení oldies.

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

Výsledkom testovania vybraných sociálnych služieb - Lídrom bol uSocial. Teraz chcete získať odôvodnenie našej voľby. Samozrejme, neostaneme neopodstatnení.

Dajme si niektoré fakty, ktorý nás presvedčil, že rozhodnutie bolo správne.

Dávame dohromady sadu sociálnych tlačidiel. Môžete si vybrať zobrazené služby sociálnych sietí, tvar a štýl tlačidiel.

Tu môžete aktivovať tlačidlo „Hore“, povoliť podporu mobilných zariadení, pripojte služby Viber, WhatsApp, Telegram, SMS.

Po nainštalovaní sociálnej lišty z vášho osobného účtu uSocial môžete prezerať štatistiky lajkov a repostov na zvolené obdobie, a to ako pre všetky sociálne siete naraz, tak aj pre vybrané. Údaje sú zobrazené v prehľadných grafoch alebo tabuľkách.

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

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

1. Facebook A VKontakte 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.

Všetci chceme pri práci na našom projekte sprostredkovať informácie našim čitateľom čo najrýchlejšie a najúplnejšie. Toto všetko sa preto snažíme umiestniť tam, kde to bude vždy viditeľné – do bočného panela. A preto vždy nie je dostatok miesta. A tiež tam musíme umiestniť widgety pre všetky sociálne siete. Preto musíte používať službu Social Carousel – všetky widgety sociálnych sietí v jednom. O všetkých jeho výhodách a funkciách prispôsobenia si povieme nižšie.

Často sa stretávame s problémom umiestňovania rôznych reklamných bannerov, affiliate informácií, našich odberov, našich informačných produktov, informácií o stĺpcoch, článkoch a komentároch na blogu. A, samozrejme, umiestnenie teraz tak populárnych widgetov sociálnych médií. A celá táto lavína informácií musí byť umiestnená na viditeľnom mieste. A najčastejšie sa toto miesto stáva bočným panelom.

Klasicky každý používa dvojstĺpcové šablóny (pole a bočný panel s pravá strana). Myslím si, že zvyšovanie počtu kolón nie je úplne správne, pretože to značne zahlcuje priestor a negatívne ovplyvňuje faktory správania návštevníkov.

Mimochodom, názov hovorí 1. časť, pretože toto je prvý príspevok zo série o šetrení miesta na bočnom paneli. V nasledujúcich príspevkoch sa pozriem na používanie funkcie rotácie bannerov a používanie kariet na zlepšenie použiteľnosti stránky. Preto sa prihláste na odber aktualizácií blogu.

Nie je potrebné dokazovať, že účasť a propagácia vašej značky na sociálnych sieťach je teraz veľmi dôležitá. Preto je mimoriadne dôležité, aby boli prezentované na stránke. A tak ma napadlo, ako implementovať kombináciu všetkých widgetov sociálnych médií na jednom mieste. A hľa, narazil som na riešenie tohto problému. Zoznámte sa...

Toto bezplatná služba, vďaka čomu je možné výrazne ušetriť miesto v bočnom paneli nášho projektu. Chcel by som poznamenať, že táto služba umožňuje umiestniť widget nielen na WordPress engine, ale aj na ručne písaných stránkach vložením html kódu. Všetky widgety sú takéto populárnych sietí like: , Facebook, Google+, YouTube a Twitter – implementované do jedného widgetu vo forme kariet. Vizuálne to vyzerá takto:

Začnime sa zoznamovať. Služba widgetu sa nachádza.

Nebudem veľa hovoriť o nastaveniach; jeho vývojár sa postaral o dobré vysvetlenie toho, ako je potrebné ho nakonfigurovať. Pokyny sú uvedené vo videách, kde sme dostatočne podrobne oboznámení s funkciami jeho inštalácie na webe. Existujú určité zvláštnosti, ale nie sú kritické a dajú sa pomerne ľahko vyriešiť. Najdôležitejšia vec je, že prakticky nebudete musieť upravovať kód. Služba urobí všetko za vás.

Poďme štandardný postup registrácia. Poďme do servisu. Kliknite na – Moje widgety (bod 1), potom – Vytvoriť nový widget (bod 2). Do poľa vyplníme, ako sa bude volať a zadáme adresu našej webovej stránky (bod 3). Uložiť (bod 4).

Ocitáme sa v ďalšej záložke, kde prebieha samotná výstavba. Náš widget má pridelené identifikačné číslo. Ak ho plánujete nainštalovať cez WordPress plugin, potom musíte zaškrtnúť toto políčko (bod 1). Položili sme potrebné rozmery a nastavili sme jeho karty na automatické prepínanie (budú rolovať jeden po druhom určený intervalčas) (bod 2). Vo forme miniaplikácie v spodnej časti bude odkaz na vývojára a ponúkne sa nám jeho odstránenie za peniaze (bod 3).

Prejdime priamo k samotným sociálnym sieťam. Pomocou šípok môžete nastaviť poradie, v ktorom sú záložky umiestnené (bod 4). Kliknutím na červené tlačidlo prejdete k samotnému nastaveniu sociálnych sietí (bod 5). Môžete si vybrať, ktorý z nich sa predstavenia zúčastní (existuje rôzne situácie– problémy s účet Google alebo je stránka VKontakte zamrznutá).

Zaškrtneme políčko, že budeme používať plugin pre WordPress (bod 1). Zaškrtnite políčko Povoliť automatické prepínanie kariet a nastavte čas ich zobrazenia (po koľkých sekundách bude trvať prepnutie na ďalšiu) (bod 2). Potom najzaujímavejšia časť, pretože tieto informácie nie sú také zrejmé. Do miniaplikácie môžete umiestniť skupiny a komunity zo sociálnych sietí, nie osobné stránky.

Vyplňte tieto polia (bod 3). Správnosť inštalácie skontrolujeme kliknutím na tlačidlo Náhľad (krok 4). Ak chcete zobraziť ID skupiny VKontakte, prejdite do nej, presuňte myš na položku Účastníci kliknite pravým tlačidlom myši

Nastavenie ID miniaplikácie pre Twitter.

Poďme na našu stránku. Potom prejdite do pravého horného rohu - Nastavenia. V rozbaľovacej ponuke vyberte – Widgety. Nakonfigurujeme požadovaný widget v štýle a veľkosti a v novom vygenerovanom kóde v okne nájdeme riadok s ID. Čísla za ním sú ID nášho widgetu pre Twitter. Ak chcete vidieť svoje používateľské prihlásenie na kanáli YouTube, prihláste sa do Google+ a prejdite na túto stránku odkaz

. Vezmite ID a vložte ho do formulára.

Ak si chcete pozrieť ID na Google +, prihláste sa tam, prejdite na Profil a v paneli s adresou uvidíte čísla. Je potrebné ich vložiť do poľa vo formulári.

Pre Facebook (dôležité!) nekopírujeme odkaz na profil, nie odkaz na skupinu, ale odkaz na stránku.

Moja stránka na Facebooku vyzerá takto:

Všetky. Formulár bol vyplnený. Kliknite na Generovať kód. Toto je kód, ktorý máme. Poďme to skopírovať. Teraz máme 2 možnosti, ako ho nainštalovať na stránku.

Možnosť 1. Prostredníctvom doplnku WordPress. Ak ho chcete skopírovať, prejdite do doplnku WordPress, napríklad na niektorú zo sociálnych záložiek, a stiahnite si ho. Potom ho štandardne nainštalujeme na motor a aktivujeme. Potom Nastavenia – Sociálny kolotoč. Prilepíme náš kód, zadáme jeho ID, nastavíme rozmery widgetu a uložíme. Poďme na

Vzhľad

– Widgety (body 1-2). Presuňte miniaplikáciu Text na bočný panel a umiestnite do nej nasledujúci kód na zobrazenie miniaplikácie sociálnej siete:

Pripravený. Obdivujeme a tešíme sa z výsledkov našej práce.

Možnosť 2. Tento plugin začal kolidovať s jedným z už nainštalovaných. Navyše, trendom poslednej doby je zbavovanie sa nepotrebných vecí a šetrenie miesta. Preto som plugin zrušil a náš vygenerovaný kód som umiestnil do súboru header.php mojej témy pred uzatváraciu značku. Ukázalo sa niečo takéto:

Môj vygenerovaný kód

Ponechal som miniaplikáciu bočného panela s výstupom tak, ako je. Výsledok si môžete pozrieť tu na blogu na pravej strane. Je celkom dobre spracovaný a má obrovské plus – šetrí nám priestor.

Nakoniec si pozrite video o službe:

Čas čítania: 3 minúty.

Zverejnené 26.08.2016 Dobrý deň! Pokračujeme v analýze najzaujímavejších a najužitočnejších doplnkov pre web WordPress. Dnes sa naučíte, ako veľmi jednoducho pridať widget sociálnej ikony na váš web. Pomocou tohto widgetu môžete na svoje stránky pridať nielen sociálne ikony, ale jednoducho aj rôzne ikony na ľubovoľné stránky a stránky. V nastaveniach miniaplikácií budete mať na výber viac ako 400 rôznych ikon. Do každej môžete vložiť ľubovoľnú ikonu URL adresa

, sociálne siete alebo len akúkoľvek webovú stránku. Môžete si vybrať farbu a veľkosť ikony. Na výber sú tri štýly, okrúhle, hranaté a zaoblené hrany.

Doplnok Social Icons Widget by WPZOOM si môžete nainštalovať priamo z administračného panela WordPress. Prejdite na stránku: Plugins – Add new, do vyhľadávacieho formulára zadajte názov pluginu, stlačte Enter, nainštalujte a aktivujte plugin.

– Názov, môžete zadať názov pre miniaplikáciu.

– Popis, môžete zadať popis pre widget.

– Zobraziť štítky ikon, začiarknutím políčka pridáte k ikonám popis.

– Otvoriť odkazy na novej karte, začiarknutím políčka tu otvoríte odkazy v novom okne.

– Štýl ikony, existujú dva štýly ikon, s pozadím a bez pozadia.

– Štýl pozadia ikony, tu si môžete vybrať štýl pozadia ikon, pozadie so zaoblenými rohmi, okrúhle pozadie a štvorcové pozadie.

– Výplň ikon (pixely), tu môžete určiť veľkosť výplne ikon.

– Veľkosť ikony (pixely), tu môžete nastaviť veľkosť ikon.

– Ikony, predvolene budete mať zobrazené tri sociálne siete. ikony pre facebook, twitter a instagram. Musíte pridať svoje odkazy na svoje stránky alebo komunity na týchto sociálnych sieťach. Nakoniec miniaplikáciu uložte

Môžete tiež pridať ďalšie ikony. Ak chcete pridať ikonu, kliknite na tlačidlo – Pridať ďalšie. Zobrazí sa pole pre novú ikonu, ak chcete ikonu vybrať, kliknite na krížik v čiernom kruhu.

Ďalej sa otvorí okno, v ktorom môžete vybrať ikony. Vyberte ikonu, vyberte farbu ikony, môžete vybrať kategóriu ikon. Na výber budete mať zo 4 kategórií s rôznymi ikonami, viac ako 400 kusov. Na konci kliknite na tlačidlo nižšie - Uložiť.