Tervitused! Hiljuti olin sees tagasisidet küsis, kuidas teha samu nuppe sotsiaalvõrgustikud, mis on minu veebisaidile installitud. Ja ma otsustasin anda vastuse artiklis, vaadates 6 sotsiaalteenust. saidi nupud.

Eelised ja miinused

Siiski tuleb märkida, et mõnel juhul võib nuppude paigutusel olla väikseid puudusi. Mõelgem, miks on vaja loodud ajaveebi sotsiaalsete võrgustike nuppe paigutada, ning kaalume ka peamist positiivset ja negatiivsed aspektid selliste ikoonide paigutamine.

Puudused

Lehekülje laadimiskiirus võib olla aeglasem.

Internetiprojekti väga spetsiifilise fookusega ei pruugi te soovitud efekti saavutada.

Sotsiaalnupu teenuste ülevaade

Vaatame kõige populaarsemaid teenuseid, mida saab kasutada oma veebisaidile suhtlusvõrgustike nuppude lisamiseks.

See on täiesti tasuta teenus, mis toimib järgmiselt. See genereerib automaatselt eriline skript, mille abil on internetiprojekti külastajatel võimalik avaldada linke sotsiaalvõrgustikele. Teenus näeb välja nagu nupud. Paigaldamine on väga lihtne ja mugav ning paigutatud nupud näevad lehel ilusad välja.

Teenus pakub rohkem kui kolmsada võimalust erinevad nupud! Saate väga lihtsalt valida oma lemmikud.

Paigaldamine toimub sõna otseses mõttes ühe klõpsuga. Seal on konversioonide statistika.

See on ilmselt üks huvitavamaid võrguteenuseid, mille abil saate luua nupu mitme parameetri järgi: suurus ja välimus. Lisaks saate valida, kuidas nuppudega paneel paikneb (horisontaalselt või vertikaalselt). Samuti saate määrata kodeeringu. Pärast kõigi valimist vajalikud seaded, tuleb loodud skript alla laadida ja paigutada oma Interneti-projekti soovitud asukohta. Enamasti kohe pärast artiklit.

Yandex võimaldab teil valida, milliseid sotsiaalvõrgustikke kuvatakse. Kasutaja saab seda teha, märkides lihtsalt ruudud plokile asetatavate nuppude kõrval. Saate neid redigeerida välimus.

Järgmisena loob süsteem automaatselt lähtekoodi, mille peate oma ajaveebi installima. Selle teenuse peamisteks eelisteks on asjaolu, et skript ei paiguta loodud ajaveebi väljuvaid linke. Statistika säilitamiseks on võimalik ühendada ka Yandex.Metrica.

See teenus võimaldab kasutajatel paigutada oma veebisaidile väga ilusaid ja stiilseid suhtlusvõrgustiku nuppe. Teenuse loodud vorm kasutab css-i ja javascripti. Loodud vorm sobib ideaalselt iga Interneti-projekti kujundusega. Like nupud on tehtud kasutades kaasaegne tehnoloogia jquery. Ühendus on väga lihtne ja ei tekita raskusi isegi algajatele. Laadimine on väga kiire.

See on kasulik ja täiesti tasuta võrguteenus, mis pakub kasutajatele nuppude paigutamist sel viisil: ühes reas, rippmenüü kujul, kõigi teenuste ikoonid reas. Pärast kuvamisvalikute valimist loob teenus automaatselt eripakkumise javascripti kood, mis tuleb paigutada saidi nõutavasse kohta.

Lisaks annab teenus teile teada, kuidas loodud koodi mallidele lisada.

Kasutamisel sellest teenusest, saate väga kiiresti ja lihtsalt lisada oma veebisaidile või ajaveebi vajalikud nupud. Selleks peate tegema ainult kolm lihtsad sammud: valige asukoht, kus loodud vidin asub, valige nuppude stiil ja hankige kood. Pannes sellised nupud loodud ajaveebi, saavad külastajad lisada huvitavaid materjale oma järjehoidjatesse ja sotsiaalvõrgustikesse.

Seega on veebisaidi sotsiaalvõrgustiku nuppude installimine väga lihtne ega tekita raskusi isegi algajatele Interneti-kasutajatele. Soovi korral saate installida ükskõik kumma nupu kõigi saadaolevate võrkude jaoks või valida ainult mõned teatud võrgud. Selleks peate kasutama ametlikke vidinaid või kolmanda osapoole vidinaid võrguteenused. Kõige populaarsemad on installitud nupud isiklikud ajaveebid või uudiste või meelelahutuse Interneti-projektides. :)

P.S. Tänan tähelepanu eest. Millist teenust eelistate? Ootan teie kommentaare. :)

IN viimasel ajal Moekaks on saanud sotsiaalmeedia nuppude paigaldamine veebisaitidele ja ajaveebidesse ning see pole üllatav. Esiteks võimaldavad nupud suurendada "meeldimiste" ja "südamete" arvu, millel on positiivne mõju artiklite reklaamimisele sotsiaalvõrgustikes. Teiseks on olemas eraldi tüüpi nupud, mille abil saate linke jagada üksikud lehed sait sotsiaalvõrgustikes - see meelitab lisakülastajaid Vkontaktest, Facebookist, Odnoklassnikist, Twitterist jne. Kolmandaks, artiklid, mis said suur hulk„Meeldimised” ja „südamed” on saidi lugejate poolt väga usaldusväärsed.

Seetõttu on väga oluline teada, kuidas installida veebisaidile suhtlusvõrgustiku nuppe, mis aitavad veebiressurssi arendada. Arvesse võetakse kõige populaarsemaid sotsiaalvõrgustikke

• VKontakte
• Facebook
• Klassikaaslased
• Google "+1"
• Twitter
• Minu Maailm

Siin vaatleme sotsiaalsete võrgustike pakutavate standardnuppude installimist. Sel juhul tuleb iga nupp teistest eraldi paigaldada, see võtab veidi aega, kuid näeb ka väga hea välja.

1.1. VKontakte 1.1.1 nupp "Salvesta".

Nupp on üsna paindlik, selle pealkirja saab muuta ükskõik milliseks (vaikimisi on "salvesta").

Esiteks peate minema lehele, kust saate skriptikoodi, mille peate oma saidile installima, et nupp kuvatakse.

Siin saate valida ühe viiest stiilist: nupp, nupp ilma loendurita, link, link ilma ikoonita, ikoon.

Väljal "tekst" saate standardse "salvesta" pealdise enda omaks muuta.

URL-ina saad valida nupuga lehe aadressi või mõne muu lehe aadressi (oma valikul). Esimesel juhul jagab nupp linki lehele, kus nupp ise asub. Teisel juhul jagab nupp teie määratud linki, olenemata selle asukohast.

Manustatud kood koosneb kahest osast: esimene peaks asuma kõikjal siltide ja vahel, teine ​​- kohas, kus nupp tuleks kuvada. Lugege veebisaidile nupu installimise kohta lõigust.

1.1.2 “Meeldib” nupp

Teine nupu valik on vidin "Meeldib". Seda on saidile lihtsam installida, sest... lõpus saate ainult ühe koodi, mis tuleb saidil õigesse kohta paigutada.

Nupu konfigureerimiseks minge aadressile see link. Siin peate täitma ka mitmed parameetrid.

Saidi nimi – siin on parem märkida oma saidi lühike ja pärisnimi.

Veebisaidi aadress – sisestage aadress avaleht teie sait.

Saidi põhidomeen - märkige saidi põhipeegel (selle leiate operaatori "Host" parameetrina), kui teil on seda raske teha, jätke soovitatud VKONTAKTE.

Nuppude variandid on nupu erinevad stiilid ja mõjutavad selle välimust.

Nupu kõrgus on nupu “Meeldib” geomeetrilised mõõtmed.

Nupu nimi – saadaval on kaks võimalust (mulle meeldib, see on huvitav).

Sisestuskood on kood, mida on vaja sotsiaalse võrgustiku VKontakte nupu kuvamiseks.

1.2 Facebook

Sellel lehel olevat nuppu konfigureeritakse. Raskused võivad tekkida, kuna... kommentaarid vormile kirjutatakse sisse inglise keel, kuid allpool saate lugeda lühikirjeldus iga väli.

URL to Like – nupu lehe URL (välja täitmata jätmisel võetakse selle lehe aadress, millel nupp asub).

Saada nupp – linnukese olemasolu hõlmab uus võimalus– saatke Facebooki link (kuvatakse lisanupp- "saada"). Kui see on sisse lülitatud, kuvatakse korraga kaks nuppu.

Layout Style – nupu stiil, mõjutab selle välimust (button_ count loetakse standardseks).

Laius – nupu laius pikslites.

Näita nägusid – kui see on lubatud, kuvatakse sellel nupul juba klõpsanud inimeste avatare.

Font – nupu fondi tüüp.

Värviskeem – nupu kõrval oleva ruumi taust (valge ja must).

Kuvatav tegusõna – nupu nimi (meeldib, soovitan).

Hangi kood – nupp, mis genereerib skriptikoodi.

1.3 Odnoklassniki ja minu maailm

Need suhtlusvõrgustikud on venekeelses Internetis laialdast populaarsust kogunud, seal elab tohutult palju inimesi, nii et ärge unustage installida Odnoklassniki teenusest nuppu "Klass" ja veebisaidilt Minu maailm nuppu "Meeldib".

Nuppude konfigureerimiseks peate minema aadressile . Saate lisada nuppe ükshaaval, kohandades neid erinevalt, või saate mõlemat nuppu korraga redigeerida.

Kõrgus – nuppude geomeetriline suurus.

Välimus – nupuraami välimus.

- nuppude valik (meeldib, klass)

Loendur – nupuvajutuse loenduri sisse ja välja lülitamine (paremal, üleval – loenduri asukoht).

Tekst nuppudel – valige üks kolmest nuppudele saadaolevast nimetusest.

Manuskood – skriptikood, mis tuleb saidile installida.

1.4 Google "+ 1"

Uus sotsiaalne võrgustik, mis on lühikese ajaga võitnud tohutu vaatajaskonna. Raske on ette kujutada saiti ilma nuputa +1, sest... see mitte ainult ei võimalda teil lisada linke sotsiaalvõrgustikku ja suurendada "plusside" arvu, vaid võib mõjutada ka saidi tulemusi TOPis otsingumootor Google.

Kõik selle, samuti nupu installimise ja konfigureerimise üksikasjad asuvad.

1.5 Twitter

Kõige populaarsem teenus lühisõnumid ei saa ignoreerida. Installige selle sotsiaalvõrgustiku jaoks nupp ja vaadake, kui kiiresti inimesed Twitteris teie saidi linke jagavad. Siin saate nuppu kohandada.

Kõigepealt peate valima soovitud nuppu(meid huvitab esimene variant – nupp “Saada link”).

Pärast seda ilmub lehele vorm mitme väljaga, mis tuleb täita.

Saada link – valige leht, millel nupp asub, või mõni muu.

Tekst – vali tekst, mis ilmub nupu kõrvale (MITTE NUPUL ISE).

Näita loendurit – lubage või keelake nupuvajutuste arvu loendamine.

Kasutamine – Twitterisse lingisõnumi lisamise meetodi valimine (ei mõjuta midagi).

Silt – valige silt, mis avaldatakse Twitteris (ei mõjuta midagi).

Suur nupp – suurendab nupu geomeetrilist suurust.

Keelduge Twitteri kohandamisest – keelduge Twitteri stiilidest (parem on jätta ruut märkimata).

Keel – vali nupu keel.

Paremal genereeritakse kood, mis tuleb saidile lisada.

1.6 Ya.ru

Selleks peate täitma mitu välja, mis moodustuvad nõutav kood stsenaarium.

Suurus – väike või suur suurus nupud.

Stiil – vali nupu või ikooni vahel.

Loenduri olemasolu – lubage või keelake nupuvajutuse loendur.

Nupu välimus on näide sellest, kuidas nupp välja näeb.

Pealkiri – lehe pealkirja valimine (kohandatud või praeguse lehe pealkiri).

Manuskood – vajalik kood, mis saidile lisatakse.

2. Valmis nupud saidile

Kuid kui te ei soovi oma veebisaidile iga nupu koodi lisada, võite kasutada standardseid skripte, mis moodustavad kohe suhtlusvõrgustiku nuppude rühma. Sel juhul peate lihtsalt oma veebisaidile lisama ühe sellise skripti koodi ja kohe installitakse kõige populaarsemate suhtlusvõrgustike nupud.

Bloki konfigureerimiseks ja soovitud suhtlusvõrgustike valimiseks järgige seda linki. Allolev ekraanipilt näitab, et saate pakutavate hulgast valida soovitud suhtlusvõrgustike nupud ja ka ploki välimust veidi muuta.

Teenuste komplekt – saidi suhtlusvõrgustike nuppude valik (saidil kuvatakse need, millel on linnuke).

Kood - nõutav skript, mis tuleb saidile lisada.

2.2 PLUSO nupud

Viimasel ajal on laialdast populaarsust kogunud suhtlusvõrgustike nuppude disainer PLUSO. Selle lingi abil saate saidile minna.

Konstruktor on üsna paindlik, sellel on palju seadistusi, nii et saate luua suhtlusvõrgustiku nuppe, mis sobiksid ideaalselt saidi kujundusega.

Esmalt tuleb valida mitme pakutava hulgast nuppude ja loendurite stiil (horisontaalne, vertikaalne, värviline, värvitu jne).

Seejärel peate konfigureerima mitu seadet, valides

• ploki asukoht (vertikaalne, horisontaalne);
• nupu värv (hele, tume);
• ploki suurus (suur, väike);
• loendur (olemasolu või puudumine);
• taust (värvitu või värviline);

Kood genereeritakse teie määratud parameetrite järgi, misjärel tuleb see saidile sisestada.

S jänes42

Teine teenus, mis võimaldab teil oma veebisaidi jaoks nuppe kujundada, on Share42.com/ru.

See generaator võimaldab teil kohandada nuppude suurust, määrata suure hulga saadaolevate hulgast soovitud suhtlusvõrgustikud ja muuta ka ikoonide välimust.

Valige nuppude suurus ja soovitud sotsiaalvõrgustikud ning seejärel jätkake lisavalikute konfigureerimisega.

Ikoonidega paneeli tüüp – nupuploki kuvamine (vertikaalselt ujuv valik on väga huvitav).

Piirake ikoonide nähtavust – valige kuvatavate nuppude arv (muud peidetakse lingi taha).

Saidi kodeering – valige oma saidi kodeering.

Lisage Share42.com saidi ikoon – võib-olla peaksite selle märke tühistama.

Kuva loendurid – lubage nuppude klõpsude loendur (ainult siis, kui jQuery töötab).

Paigaldamine sellest skriptistüsna keeruline, kuid seda kirjeldatakse samm-sammult Share42 veebisaidil endal.

3. Kuidas saidile nuppe paigaldada

Kui saidile paigutatav kood koosneb kahest osast (nagu VKontakte nupu puhul), installitakse iga osa eraldi. Kui kood pole jagatud kaheks osaks, siis see samm võite selle vahele jätta.

Koodi esimene osa tuleb lisada siltide ja vahele. Selleks minge aadressile WordPressi administraatori paneel ja minge malliredaktorisse.

Mallide redaktoris tuleb leida fail “Päis” (header.php), kui seda pole, siis – “Peamall” (index.php). Nüüd peate leidma või sildi. Kui sisse määratud failid selliseid silte pole (kõik teemad on erinevad, see võib ka nii olla), siis peate redigeerimiseks avama kõik failid ja otsima neist igaühest sildi. Otsimiseks võite kasutada kiirklahvi "Ctrl+F".

Kui leiate vajalikud sildid, võite asetada koodi esimese osa vahetult enne sulgevat sildi, et mitte kogemata puudutada teiste skriptide koode.

Koodi teine ​​osa asetatakse kohta, kus soovite näha saidi jaoks valitud sotsiaalmeedia nuppe. Kui kood koosneb ainult ühest osast, siis piisab ainult selle toimingu sooritamisest.

Kõige sagedamini lisatakse nupud artikli ette või lõppu. Lihtsam on muidugi teine ​​variant. Me kaalume seda.

Peate leidma koha, kus artikkel lõpeb (lehe põhitekstiosa). Selleks tuleb redigeerida faili “Single entry” (single.php).

Nüüd peate leidma operaatori, kes vastutab artikli põhisisu kuvamise eest. Minu puhul on see "the_content", kohe pärast seda asetatakse nupu kood.

Samamoodi saab koodi panna artikli algusesse, tuleb vaid leida koht artikli pealkirja ja teksti vahele.

Sest ma ei hakka selles kirjas olevat uuesti lahti seletama, vaid pean sellele kogu artiklis viitama.

Nii et alustame ja alustame JavaScripti endaga. Skripti töö loenduri osas jaguneb kaheks osaks:

• Lehe laadimisel tuleb sotsiaalvõrgustikest igale nupule lisada loendur;
• Kui nupuklõps toimub, muutke jagamiste arvu.

Skriptiloogika esimese osa rakendamiseks peame lisama meetodi init():

Init: function(element)( $(document).ready(function())( $(element).each(function(idx)( var countApiUrls = ( twitter: "https://urls.api.twitter.com/ 1 /urls/count.json?callback=?&url=", vk: "https://vk.com/share.php?act=count&index=" + idx + "&url=", facebook: "https:// graafik .facebook.com/?callback=?&ids=" ); var pageUrl = $.parseJSON($(element + " div:eq(0)").attr("data-share-data")).url; if (pageUrl)( share.getCountLikes($(element).find(.twitter"), countApiUrls.twitter, pageUrl, "twitter"); share.getCountLikes($(element).find(.vk"), countApiUrls .vk, pageUrl, "vk") share.getCountLikes($(element).find(".facebook"), countApiUrls.facebook, "facebook" ));

GetCountLikes: function(box, apiUrl, pageUrl, type)( if(apiUrl && pageUrl)( if(type == "twitter")( $.getJSON(apiUrl + pageUrl, function(data)( var num = data.count | |. 0; if(arv > 0)( share.setCountLikes(kast, num); )); if(! .VK = ( ); window.VK.Share = ( count: function(idx, count)( var num = count || 0; if(num > 0)( share.setCountLikes(box, num ); ) ) ; if(type == "facebook")( $.getJSON(apiUrl + leheUrl, function(data)( var num = data.shares || 0; if(num > 0)( share .setCountLikes(box, num);

Meetod getCountLikes() võtab 4 parameetrit:

• kast – ümbris iga suhtlusvõrgustiku nupu jaoks;
• apiUrl – API aadress, kuhu kõne tehakse;
• pageUrl – lehe aadress, mille kohta soovime andmeid saada;
• tüüp – sotsiaalvõrgustiku tüüp.

Oleme kl jQuery abi meetod $.getJSON() pääseme juurde genereeritud URL-ile = apiUrl + pageUrl. Olenevalt suhtlusvõrgustikust saame vastuse (enamasti json) ja töötleme seda. Erandiks on "VKontakte", kuna päringu tegemisel saame meetodi VK.Share() täitmise, mis põhjustab meie lehel loomuliku vea, kuna meil pole VK-objekti, vaid abiga “lihtsa” karguga tõmbame välja vajaliku tulemuse.

Viimane asi, mida peame tegema, on joonistada nuppudele numbrid. Lahendame selle probleemi uue setCountLikes() meetodi abil. Sellel funktsioonil on kaks parameetrit: ümbrise spetsifikaat ja number ise.

SetCountLikes: function(box, num)( box.append("" + num + ""); return false; )

Hüpikaken: function(box, url)( var countBox = box.find(".count"); if(!countBox.length)( share.setCountLikes(box, 1); )else( countBox.text(parseInt(countBox. text()) + 1);

Oleme lisanud uus parameeter kast, eelnevalt kirjeldatud ja sees kasutusel tingimuslik operaator if() suurendame loendurit, olenevalt eelnevalt jagatud arvust. See lõpetab muidugi skripti, seda tuleb veel värskendada twitteri meetodid(), vk(), facebook() rida:

Share.popup(url);

Share.popup($this, url);

Nüüd, mis puudutab HTML märgistus, ülal vaatlesime meetodit init() ja kuna see on skripti sisenemis-/käivituspunkt, kutsume seda lehel pärast failide ühendamist:

share.init(.share");

Samuti peaksite nupule lisama ulatuse ikooniklassiga:

CSS-is on tehtud ka väiksemaid muudatusi. Loodan, et selle lõigu lugemise ajaks olete juba arhiivi koos näitega alla laadinud, kui mitte, siis laadige see alla ja kasutage - kõik töötab. See otsus Ise kasutan seda mitmes projektis ja pole probleeme märganud.

Viimasel ajal palub iga teine ​​(kui mitte esimene) klient veebisaidi arendamise nõuetes siduda see kindlasti sotsiaalvõrgustikega. Saidi sotsiaalsed nupud on meelitamise tööriist number 1 sihtrühma, sisu levitamine ja PR üldiselt. Ja see on täiesti tasuta!

Sotsiaalvõrgustikud pakuvad oma nuppudele ja vidinatele saidile paigutamiseks koode ning juhiseid nende installimiseks saidihaldussüsteemi. Iga CMS võimaldab teil neid installida ( operatsioonisüsteemid), peamine on sobitada need harmooniliselt oma veebisaidi kujundusse.

Millised on omadused ja funktsioonid?

Kui teie sait on suunatud inimestele, kes suhtlevad populaarsetes sotsiaalvõrgustikes. võrkudes, näiteks Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest jne, ja soovite neid kõiki katta, siis selleks, et mitte installida nuppe igaühe jaoks eraldi, kuna need võivad suuruse ja kujunduse poolest erineda , soovitame kasutada koondaja teenuseid. Need on lihtsad ja mugavad tööriistad, mis võimaldab saidi külastajatel kiiresti oma sõpradega teavet jagada, olenemata sellest, millist suhtlusvõrgustikku nad kasutavad. Allpool käsitleme kõige populaarsemaid teenuseid.

Sotsiaalmeedia nupud Jaga Pluso

Tõenäoliselt pole Internetti jäänud ühtegi saiti, mis ei sisaldaks postitamise nupud materjalid sotsiaalvõrgustikes. Viimased on kaua ja kindlalt meie elus koha sisse võtnud. Suhtleme seal, saame tuttavaks, reklaamime äri, loeme uudiseid jne. Täisspekter. Pole üllatav, et veebihaldurid püüavad igal võimalikul viisil laiendada oma saitide kohalolekut sotsiaalvõrgustikes. kättesaadavad meetodid. Lõppude lõpuks on palju potentsiaalset liiklust, mida absoluutselt kõik vajavad. Külastajate voog tähendab raha, mainet, kasvu. Kõik on tema ümber ehitatud. Maitsev suutäis.

Sotsiaalsed nupud on vajalikud, see on ilmne. Küsimus on erinev - milliseid valida? Testisime seda teie jaoks TOP 5 erinevaid teenuseid nuppude koodi lisamiseks veebisaitidele. Eesmärk on välja selgitada optimaalne ja seda üksikasjalikult näidata. Alustame kvalifikatsioonietapiga.

Valik parim teenindus sotsiaalsed nupud

Kandidaatide valik võrdluseks osutus triviaalseks - võtsime kõige populaarsemad teenused, millest on kuulnud iga inimene, kes vähegi kodulehe loomise teemaga kursis on. Pole haruldasi, mis populaarsust koguvad, on ainult kogenud vanainimesed.

Sertifitseeritud meeskonna koosseis on järgmine:

Valitud sotsiaalteenuste testimise tulemusena - uSocial oli liider. Nüüd soovite saada meie valiku põhjendust. Loomulikult ei jää me alusetuks.

uSocial nuppude omadused

Anname mõned faktid, kes veenis meid otsuse õigsuses.

Samm-2

Me paneme kokku sotsiaalsete nuppude komplekti. Saate valida kuvatakse suhtlusvõrgustike teenused, nuppude kuju ja stiil.

Siin saate aktiveerida nupu "Üles", lubada tugi mobiilseadmed, ühendage Viberi teenused, WhatsApp, telegramm, SMS.

Samm-4

Pärast sotsiaalse riba installimist oma isiklikult uSocial kontolt saate vaadata meeldimiste ja korduspostituste statistika valitud perioodi jaoks nii kõigi sotsiaalvõrgustike jaoks korraga kui ka valitud võrgustike jaoks. Andmed kuvatakse selgete graafikute või diagrammidena.

Kui sotsiaalsed metasildid on õigesti täidetud, tajutakse postitusi õigesti sotsiaalteenused, sest need näitavad materjali tüüpi, vastavat pealkirja, linki soovitud pilt. Kõik see suurendab uuesti postitamise tõhusust: sotsiaalteenused indekseerivad teie materjali õigesti.

Näited mikromärgistuskood populaarsete sotsiaalvõrgustike jaoks (kood tuleb kirjutada sildi ette):

1. Facebook Ja VKontakte kasutage Open Graphi protokolli:

3. Sest Twitter kood näeb välja selline:

4. Sest Google+ Niisiis:

- link autori profiilile teenuses Google+
- saidi nimi
- tekstilõik (kuni 40 tähemärki)
- saidi kirjeldus
- pildifaili tee

Tööriistad mikromärgistusega töötamiseks.