Vidžeti društvenih mreža. Widget društvene ikone za grupe, stranice i zajednice

Pregled domaćih dizajnera dugmadi i skripti društvene mreže za web stranice, kao i strane analoge. Kratko, jasno i vizuelno.

2. Najlakši način dobiti linkove do stranice - QIP.RU
Postavite dugme na sajt i dajte posetiocima priliku da dodaju svoje omiljene materijale sajta u obeleživače, blogove i društvene mreže. Tri koraka: gde da postavite dugme (web sajt, Blogger ili WordPress), stil dugmadi (gotove opcije) i dobijete dugme.

3. Tasteri za dodavanje sadržaja na društvene mreže - Pluso
Postavite dugmad i dajte posetiocima priliku da dele svoje omiljene stranice na društvenim mrežama, kao i da štampaju, šalju e-poštu i dodaju obeleživače.

4. Usluga društvenih aktivnosti - UpToLike
Prilagođeni gumbi društvenih medija s mogućnošću postavljanja boje, oblika, veličine i specijalnih efekata. Dodatne karakteristike su PicShare widget za dijeljenje slika, funkcija “Cuote” i prilagođena funkcija Following.

5. Jedno dugme! — za sve usluge označavanja i društvenog umrežavanja
Odaberite dugme za prikaz. Gdje će se dugme instalirati: web stranica, Blogger ili WordPress. Dodajte dugme.

1. Prekrasna društvena dugmad za stranicu - goodshare.js
Prikaz dugmadi na gotovo svakom uređaju. Čisti kod. Kratka dokumentacija. SEO friendly.

2. Skripta za društvene oznake i dugmad za umrežavanje - Share42
Odaberite veličinu i označite ikone usluga koje želite koristiti na web stranici. Odaberite opcije koje želite. Pogledajte kako će izgledati i/ili preuzmite spreman skript. Instalirajte skriptu na WordPress, Drupal, itd. web stranicu.

3. Prekrasna dugmad “like” za društvene mreže koristeći jQuery - Social Likes
Skripta za “like” dugmad sa brojačima uniformni stil za društvene mreže: Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ i Pinterest.

1. Dijeli gumbi - AddThis
Dugmad za dijeljenje pomoći će vam da povećate publiku vaše stranice privlačenjem posjetitelja s drugih resursa i društvenih mreža putem distribuiranog sadržaja.

4. Društveno dijeljenje - Po.st
Iskoristite više pogodnosti od dijeljenja na društvenim mrežama. Usluga će posjetiteljima olakšati proces dijeljenja na društvenim mrežama, koji će se povećati organski saobraćaj site.

5. Dijelite dugmad za bilo koju web stranicu - AddToAny
Nabavite kod za dugmad društvenih medija za bilo koju web stranicu. Odaberite tip i stil dugmadi, navedite svoju e-poštu i druge opcije ili odaberite jednu od platformi: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad ili FeedFlare. Uzmi kod dugmeta.

Vjerovatno nema više stranica na internetu koje ne sadrže dugmad za objavljivanje materijala na društvenim mrežama. Potonji su dugo i čvrsto zauzeli mjesto u našim životima. Tamo komuniciramo, upoznajemo se, promoviramo poslovanje, čitamo vijesti itd. Pun spektar. Nije ni čudo što webmasteri nastoje proširiti prisutnost svojih stranica na društvenim mrežama na bilo koji raspoloživi način. Na kraju krajeva, postoji tona potencijalnog saobraćaja koji je apsolutno svima potreban. Protok posetilaca znači novac, reputaciju, rast. Sve je izgrađeno oko njega. Ukusan zalogaj.

Dugmad za društvene mreže su neophodna, to je očigledno. Pitanje je drugačije - koje odabrati? Testirali smo za vas TOP 5 različitih usluga za dodavanje koda dugmeta na web stranice. Cilj je identificirati optimalni i detaljno ga prikazati. Krenimo od kvalifikacione faze.

Izbor kandidata za poređenje se pokazao trivijalnim - uzeli smo najpopularnijih usluga, za koju je čula svaka osoba koja je iole upoznata s temom izrade web stranice. Nema rijetkih koji stiču popularnost, samo iskusni stari.

Sastav certificiranog tima je sljedeći:

Kao rezultat testiranja odabranih socijalnih usluga - uSocial je bio lider. Sada želite da dobijete obrazloženje za naš izbor. Naravno, nećemo ostati neosnovani.

Hajde da damo neke činjenice, koji nas je uvjerio da je odluka ispravna.

Sastavljamo set društvenih dugmadi. Možete birati prikazano usluge društvenih mreža, oblik i stil dugmadi.

Ovdje možete aktivirati dugme "Gore", omogućiti podršku mobilnih uređaja, povežite Viber, WhatsApp, Telegram, SMS usluge.

Nakon što instalirate društvenu traku sa vašeg uSocial ličnog naloga, možete pogledati statistika lajkova i repostova za odabrani period, kako za sve društvene mreže odjednom, tako i za odabrane. Podaci se prikazuju u jasnim grafikonima ili grafikonima.

Ako su društveni meta tagovi ispravno popunjeni, postovi će biti ispravno percipirani socijalne službe, jer označavaju vrstu materijala, relevantan naslov i link do željene slike. Sve to povećava efikasnost ponovnog objavljivanja: vaš materijal će biti ispravno indeksiran od strane društvenih službi.

Primjeri mikro oznaka koda za popularne društvene mreže (kod mora biti napisan prije oznake):

1. Facebook I VKontakte koristite Open Graph protokol:

3. Za Twitter kod izgleda ovako:

4. Za Google+ dakle:

- link do profila autora na Google+
- naziv stranice
- tekst isječka (do 40 karaktera)
- opis stranice
- put do datoteke slike

Alati za rad sa mikro markiranjem.

Svi mi, dok radimo na našem projektu, želimo da što brže i potpunije prenesemo informacije našim čitateljima. Stoga se trudimo da sve ovo postavimo tamo gdje će uvijek biti vidljivo - u bočnoj traci. I stoga uvijek nema dovoljno prostora. A tamo moramo postaviti i widgete za sve društvene mreže. Zbog toga trebate koristiti uslugu Social Carousel – svi vidžeti društvenih mreža u jednom. U nastavku ćemo govoriti o svim njegovim prednostima i mogućnostima prilagođavanja.

Često se susrećemo s problemom postavljanja raznih reklamnih banera, informacija o partnerima, naših pretplata, naših informativnih proizvoda, informacija o kolumnama, člancima i komentarima na blogu. I, naravno, postavljanje sada tako popularnih widgeta za društvene mreže. I sva ta lavina informacija mora biti postavljena na vidljivo mjesto. I najčešće ovo mjesto postaje bočna traka.

Klasično, svi koriste šablone sa dva stupca (polje i bočna traka sa desnu stranu). Mislim da povećanje broja kolona nije sasvim ispravno, jer u velikoj meri zatrpava prostor i negativno utiče na faktore ponašanja posetilaca.

Inače, u naslovu stoji 1. dio jer je ovo prvi post u nizu o uštedi prostora na bočnoj traci. U sljedećim postovima ću se osvrnuti na korištenje funkcije rotacije banera i korištenje kartica za poboljšanje upotrebljivosti stranice. Stoga se pretplatite na ažuriranja bloga.

Nema potrebe dokazivati ​​da je učešće i promocija vašeg brenda na društvenim mrežama sada vrlo važno. Stoga je izuzetno važno da budu predstavljeni na stranici. I tako sam se pitao kako implementirati kombinaciju svih widgeta društvenih medija na jednom mjestu. I eto, naišao sam na rješenje ovog problema. Upoznajte...

Ovo besplatna usluga, zahvaljujući čemu je moguće značajno uštedjeti prostor na bočnoj traci našeg projekta. Želio bih napomenuti da ova usluga omogućava postavljanje widgeta ne samo na WordPress engine, ali i na rukom pisanim stranicama umetanjem html koda. Svi widgeti su ovakvi popularne mreže poput: , Facebook, Google+, YouTube i Twitter - implementirano u jednom widgetu u obliku tabova. Vizuelno to izgleda ovako:

Počnimo da se upoznajemo. Widget usluga se nalazi.

Neću puno pričati o postavkama, njen programer se pobrinuo za dobro objašnjenje kako ih treba konfigurirati. Upute su predstavljene u video zapisima gdje smo dovoljno detaljno upoznati sa značajkama njegove instalacije na web mjestu. Postoje neke specifičnosti, ali one nisu kritične i mogu se prilično lako riješiti. Najvažnije je da praktički nećete morati uređivati ​​kod. Servis će učiniti sve za vas.

Hajdemo standardna procedura registracija. Idemo na servis. Kliknite – Moji widgeti (tačka 1), zatim – Kreiraj novi widget (tačka 2). Popunimo polje kako će se zvati i unesemo adresu naše web stranice (tačka 3). Sačuvaj (tačka 4).

Nalazimo se u sljedećoj kartici, gdje se odvija stvarna konstrukcija. Našem widgetu je dodijeljen identifikacijski broj. Ako planirate da ga instalirate preko WordPress dodatak, tada morate označiti ovo polje (tačka 1). Zapisujemo dimenzije koje su nam potrebne i postavljamo njegove kartice da se automatski prebacuju (skrolovat će jednu po jednu specificirani interval vrijeme) (tačka 2). U obliku widgeta, na dnu će biti veza do programera i nudi nam se da ga uklonimo za novac (tačka 3).

Pređimo direktno na same društvene mreže. Pomoću strelica možete podesiti redosled u kojem se nalaze kartice (tačka 4). Kliknite na crveno dugme da biste prešli na postavljanje samih društvenih mreža (tačka 5). Možete birati koji će od njih učestvovati u emisiji (postoje različite situacije– problemi sa Google račun ili je stranica VKontaktea zamrznuta).

Označavamo okvir da ćemo koristiti dodatak za WordPress (tačka 1). Označite polje Omogući automatsko prebacivanje kartica i podesite vrijeme njihovog prikaza (nakon koliko sekundi će biti potrebno da se pređe na sljedeći) (tačka 2). Zatim najzanimljiviji dio, jer ove informacije nisu toliko očigledne. U widget možete postaviti grupe i zajednice sa društvenih mreža, a ne sa ličnih stranica.

Popunite ova polja (tačka 3). Provjeravamo da li je instalacija ispravna klikom na dugme Pregled (korak 4). Da vidite ID grupe VKontakte, idite u nju, pomaknite miša na Učesnici, a zatim desni klik

Postavljanje widget ID-a za Twitter.

Idemo na našu stranicu. Zatim idite u gornji desni ugao - Postavke. U iskačućem meniju izaberite – Widgeti. Konfigurišemo željeni widget po stilu i veličini, a u novom generisanom kodu u prozoru nalazimo red sa ID-om. Brojevi iza njega su naš widget ID za Twitter. Da vidite svoju korisničku prijavu na YouTube kanalu, prijavite se na Google+ i idite na ovo link

. Uzmite ID i zalijepite ga u obrazac.

Da pogledate ID na Google +, prijavite se tamo, idite na Profil i možete vidjeti brojeve u adresnoj traci. Potrebno ih je uneti u polje u obrascu.

Za Facebook (važno!), ne kopiramo link profila, ne link grupe, već link stranice.

Moja Facebook stranica izgleda ovako:

Sve. Obrazac je popunjen. Kliknite Generiši kod. Ovo je kod koji imamo. Kopirajmo. Sada imamo 2 opcije za instalaciju na web mjestu.

Opcija 1. Preko WordPress dodatka. Da ga kopirate, idite na WordPress dodatak, kao na bilo kojoj od društvenih oznaka i preuzmite ga. Zatim ga standardno ugrađujemo na motor i aktiviramo. Zatim Postavke – Društveni vrtuljak. Zalijepimo naš kod, unesemo njegov ID, postavimo dimenzije widgeta i spremimo. Idemo na

Izgled

– Widgeti (tačke 1-2). Prevucite widget za tekst na bočnu traku i u njega postavite sljedeći kod za prikaz vidžeta društvene mreže:

Spreman. Divimo se i uživamo u rezultatima našeg rada.

Opcija 2. Ovaj dodatak je počeo u sukobu s jednim od već instaliranih. Štoviše, nedavni trend je rješavanje nepotrebnih stvari i ušteda prostora. Stoga sam demolirao dodatak i stavio naš generirani kod u datoteku header.php moje teme prije završne oznake. Ispalo je nesto ovako:

Moj generisani kod

Ostavio sam vidžet bočne trake sa izlazom kakav jeste. Rezultat možete vidjeti ovdje na blogu sa desne strane. Prilično je dobro napravljen i ima veliki plus - štedi naš prostor.

Na kraju pogledajte video o usluzi:

Vrijeme čitanja: 3 minute.

Objavljeno 26.08.2016 Zdravo! Nastavljamo s analizom najzanimljivijih i najkorisnijih dodataka za WordPress stranicu. Danas ćete naučiti kako vrlo jednostavno dodati widget ikone društvenih mreža na svoju web stranicu. Koristeći ovaj widget, možete dodati ne samo društvene ikone na svoju web lokaciju, već i jednostavno razne ikone na bilo koje web stranice i stranice. U postavkama widgeta imat ćete preko 400 različitih ikona koje možete izabrati. U svaku možete umetnuti bilo koju ikonu URL adresa

, društvene mreže ili bilo koju web stranicu. Možete odabrati boju i veličinu ikone. Postoje tri stila koje možete izabrati, okrugli, kvadratni i zaobljeni rubovi.

Možete instalirati Social Icons Widget by WPZOOM plugin direktno sa WordPress admin panela. Idite na stranicu: Plugins – Dodajte novi, unesite naziv dodatka u formular za pretragu, pritisnite Enter, instalirajte i aktivirajte dodatak.

– Naslov, možete odrediti naslov za vidžet.

– Opis, možete odrediti opis za vidžet.

– Prikaži oznake ikona, označite polje ovdje da dodate opis ikonama.

– Otvorite veze u novoj kartici, označite polje ovdje da biste otvorili veze u novom prozoru.

– Stil ikone, postoje dva stila za ikone, sa i bez pozadine.

– Stil pozadine ikone, ovdje možete odabrati stil za pozadinu ikona, pozadinu sa zaobljenim uglovima, okruglu pozadinu i četvrtastu pozadinu.

– Dopuna ikone (pikseli), ovdje možete odrediti veličinu dopuna ikone.

– Veličina ikone (pikseli), ovdje možete podesiti veličinu ikona.

– Ikone, imat ćete tri društvene mreže prikazane prema zadanim postavkama. ikone za facebook, twitter i instagramm. Morate dodati svoje veze na svoje stranice ili zajednice na ovim društvenim mrežama. Konačno, spremite widget

Također možete dodati dodatne ikone. Za dodavanje ikone kliknite na dugme – Dodaj još. Vidjet ćete polje za novu ikonu da biste odabrali ikonu, kliknite na križić u crnom krugu.

Zatim će se otvoriti prozor za odabir ikona. Odaberite ikonu, odaberite boju za ikonu, možete odabrati kategoriju ikona. Imaćete izbor od 4 kategorije sa različitim ikonama, više od 400 komada. Na kraju kliknite na dugme ispod - Sačuvaj.