Ossza meg barátaival a közösségi hálózatokon. Közösségi média gombok. Share Pluso közösségi média gombok

15.05.2020 hírek

Itt a „Ki akar szoftvert vásárolni 8% akciós kedvezménnyel?” mondat olvasható? maga a felhasználó írta, és alább látható, hogyan néz ki az oldalra mutató hivatkozás a közösségi hálón. Nem túl szép, igaz?


akkor a közösségi háló linkje így fog kinézni:

Itt "Ma van az allsoft.ru születésnapja - 8 év :)" - a felhasználó által írt szöveg, a többi - információ a metacímkékből. Ezekről a metacímkékről bővebben itt olvashat Facebook oldal developers.facebook.com/docs/share , más közösségi hálózatok is megértik őket.

Hogyan működik ez a mechanizmus általában:
1. Amikor a felhasználó rákattint a gombra, a widget az oldalra mutató hivatkozást küld a közösségi hálózat szerverének.
2. Közösségi szerver A hálózat maga éri el ezt a hivatkozást, és olvassa el az oldalra vonatkozó információkat - címet, leírást, képet.
3. Közösségi szerver hálózatok gyorsítótárazza az oldalra vonatkozó információkat, és megjeleníti azokat a közösségi oldalakon

Hogyan adjunk át különböző leírásokat egy oldalhoz.
Például, amikor az allsoft.ru webhelyen egy viccteszttel készített promóciós oldalt, különböző leírásokat kellett átvinni a közösségi hálózatra a felhasználó által a tesztben szerzett különböző számú ponthoz. Mivel a közösségi oldal a linkre kattintva kapja meg az oldal leírását, ezért a különböző leírásokhoz más-más linkre van szükség. Ezenkívül a Twitter csak 140 karaktert engedélyez, ezért külön, rövidebb leírásra van szüksége.

New Ya.share(( elem: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"]), link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( title: "Teszt eredménye: A sárkány szinte az erős oldalad! Sárkánytudományt még nem taníthatsz, de a helyes úton!" ) ) ));
1. Itt a ya_share_normal annak az elemnek az azonosítója az oldalon (), amelyben megjelenik a közösségi gombokkal ellátott blokk, a link egy hivatkozás, plusz a serviceSpecific for Twitter-ben megadunk egy címet, ami eltér az og-ban található: title meta tag.

Így a „3 különböző teszteredmény plusz egy közös hivatkozás a teszten kívüli oldalra” feladathoz 4 címkénk lesz:

és 4 kódblokk a JavaScriptben, mint fent.

A közösségi hálózat által gyorsítótárazott cím és leírás módosítása.
1. A Facebookon van a legtöbb A legjobb mód: menj a hibakeresőjükhöz

Valószínűleg nem maradt olyan webhely az interneten, amelyet ne tároltak volna gombok a közzétételhez anyagok a közösségi hálózatokon. Ez utóbbiak régóta és szilárdan helyet foglalnak életünkben. Ott kommunikálunk, ismerkedünk, üzletet hirdetünk, híreket olvasunk és így tovább. A teljes körű. Nem meglepő, hogy a webmesterek bármilyen elérhető eszközzel szeretnék bővíteni webhelyeik közösségi médiában való jelenlétét. Végül is rengeteg potenciális forgalom van, amire abszolút mindenkinek szüksége van. A látogatók áramlása pénz, hírnév, növekedés. Minden körülötte épül fel. Édes darab.

A közösségi gombok természetesen elengedhetetlenek. Másik kérdés - melyiket válasszam? Teszteltük neked A TOP 5 különböző szolgáltatás gombkód hozzáadásához a webhelyekhez. A cél az optimális azonosítása és részletes bemutatása. Kezdjük a selejtezővel.

A legjobb közösségi gomb szolgáltatás kiválasztása

Az összehasonlításra jelentkezők kiválasztása banálisnak bizonyult - vettük legnépszerűbb szolgáltatások , amelyeket minden olyan ember hallott, aki valamilyen módon jártas a weboldalkészítés témájában. Nem ritka, egyre népszerűbb, csak tapasztalt öregek.

A minősített csapat összetétele a következő:

A kiválasztott szociális szolgáltatások tesztelésének eredményeként - Az uSocial a vezető . Most szeretné megtudni a választásunk indoklását. Természetesen nem maradunk alaptalanok.

Az uSocial gombok jellemzői

hozzuk néhány tény , amely meggyőzött minket a meghozott döntés helyességéről.


A verbális összehasonlítás sokaknak nem lesz elég. Ezért összeállítottuk összehasonlító táblázat gombok a uSocial és más debütánsoktól (a használt értékelési skála 1-től 5-ig terjed). Mindezeket az adatokat a tesztelési folyamat során szerezzük be.

Reméljük, hogy az elemzés eloszlatta a választásunk érvényességével kapcsolatos kétségeit. A jó megjelenés mellett az uSocial közösségi gombjai mélyen gyakorlatias jellegűek is, lévén eléggé erős eszköz bármilyen projekt népszerűsítésére.

Útmutató a közösségi hálózati gombok webhelyre történő telepítéséhez

Az uSocial közösségi gombjainak webhelyén való elhelyezéséhez néhány egyszerű lépést kell követnie:

1. lépés

2. lépés

Közösségi gombkészlet összeállítása. Lehet választani Megjelenik Szolgáltatások közösségi hálózatok, forma és gombstílus.

Itt aktiválhatja a "Fel" gombot is, engedélyezheti a támogatást mobil eszközök, kapcsolódjon szolgáltatások Viber, WhatsApp, Telegram, SMS.

Az összes művelet elvégzése után lépjen be cím webhelyére, és kattintson a gombra "A kód megszerzéséhez".

3. lépés

Másolat a kódforgatókönyv a megjelenő ablakban. Be kell illesztenie a kódot az erőforrás azon oldalain, ahol közösségi gombok panelre van szüksége. Például a láblécben a záró címke előtt.

4. lépés

Miután telepítette a közösségi sávot személyes uSocial fiókjából, megtekintheti kedvelések és újraküldési statisztikák a kiválasztott időszakra, mind az összes közösségi hálózatra egyszerre, mind a kiválasztottakra. Az adatok világos grafikonok vagy diagramok formájában jelennek meg.

NÁL NÉL személyes fiók uSocial mind létre készletekés statisztika azokhoz a webhelyekhez, amelyekhez csatolták. Bármikor válthat a helyek között, és elemezheti a mérőktől kapott adatokat.

Hogyan lehet növelni a szociális bár hatékonyságát?

Ha rossz kép és leírás jelenik meg az anyag újraküldésekor, manuálisan jelezheti, hogy mit, mennyit és hogyan kell megjeleníteni, speciális, minden közösségi hálózat számára érthető metacímkék segítségével. Ha ez nem történik meg, véletlenszerű képek és leírások jelenhetnek meg a közösségi hálózatokon. Valószínűleg nincs rá szüksége.

Ha a közösségi metacímkéket helyesen tölti ki, a bejegyzések helyesen lesznek észlelve szociális szolgáltatások, mert feltüntetik az anyag típusát, a vonatkozó címet, linket a kívánt képre. Mindez növeli az újraküldés hatékonyságát: az anyagát a szociális szolgálatok megfelelően indexelték.

Példák jelölőkód népszerű közösségi hálózatokhoz (a kódot a címke elé kell írni):

1. Facebookés Kapcsolatban áll használja az Open Graph protokollt:





3. Mert Twitter a kód így néz ki:



4. Mert Google+Így:

- link a szerző Google+-profiljára
- A webhely neve
- szövegrészlet (legfeljebb 40 karakter)
- az oldal leírása
- a képfájl elérési útja

Eszközök mikroadatokkal dolgozni.

Hogyan lehet újra közzétenni a "VKontakte" bejegyzéseket a barátok faláról

A "Megosztás" funkció lehetővé teszi, hogy ismerősei vagy közösségei bejegyzéseit gyorsan elhelyezze a falán. Ehhez vigye az egérmutatót a "Tetszik" jelzés fölé, és válassza ki a szükséges műveletet a megjelenő ablakban.

Hogyan lehet újra közzétenni a "VKontakte" bejegyzéseit vagy csoportos kiadványait

Az oldalon lévő fal lehet nyilvános vagy privát. Az oldal "Saját beállítások" részében kikapcsolhatod a falon a kommentelést, és megjelölheted, hogy ki posztolhat rá. Az ilyen változtatások után az ismerősök látni fogják a kiadványaidat, megosztják azokat, de az általad közzétett bejegyzésekre adott válaszok csak az ő oldalukon láthatók. A fal szolgálhat kedvenc idézeteinek, mondásainak, képeinek tárolására. Ide írhatja le azoknak a könyveknek a címét, amelyeket úgy dönt, hogy elolvassa, valamint megjelölheti azokat az eseményeket, amelyeken részt szeretne venni.

Az Ön által létrehozott bejegyzéseket elküldheti annak a közösségnek a falára, amelynek tagja, valamint személyes üzenetet küldhet egy barátjának a VKontakte-on vagy e-mailben.

Válassza ki a VKontakte fal kívánt funkcióit, osszon meg információkat és élvezze a kommunikációt.

Az egyik a kevés rugalmasság és a korlátozott választási lehetőség. alapbeállítások. Vegyük például a blokkot, valamiért mostanában, valamiért a beépített Metrica a közösségi gombokkal együtt betöltődik... A gombok méretének vagy színének megváltoztatása ismét elég problémás.

Idővel a népszerű megoldások túlnőttek további jellemzők, amelyek nemcsak a betöltött szkriptek méretét növelik, hanem rosszindulatú kódokat is tartalmazhatnak.

A különféle lehetőségek kipróbálása után arra a következtetésre jutottam, hogy a saját megoldásom sokkal jobb, és ma erről fogok beszélni. De először azt javaslom, hogy olvassa el a betűtípus telepítésére vonatkozó utasításokat - a példában ez lesz használva.

Online bemutató és források ezt a példát megtalálja a cikk végén, és most sorrendben folytassa a megvalósítással. Először győződjön meg arról, hogy webhelye jQuery-t használ, ellenkező esetben engedélyezze, WordPressben jobb, ha ezt a functions.php fájlon keresztül teszi:

1 2 3 4 function my_jquery() ( wp_enqueue_script( "jquery" ) ; ) add_action( "wp_enqueue_scripts" , "my_jquery" ) ;

function my_jquery() ( wp_enqueue_script("jquery"); ) add_action("wp_enqueue_scripts", "my_jquery");

Ezután csatlakoztassa Font Awesome- képek helyett a közösségi média vektoros ikonjait fogjuk használni. Most be kell illesztenie a gombok HTML-alapját a sablonkódba:

1 2 3 4 5 6 7 8 9 <div id="share"> <div class="like"></div> <div class="social"data-url=" "data-title="(!LANG:() ; ?> !}"> <a class="push facebook" data-id="fb"> Facebook</a> <a class="push twitter" data-id="tw"> Twitter</a> <a class = "push vkontakte" data-id = "vk" > Kapcsolatban áll</a> <a class="push ok" data-id="ok"> osztálytársak</a> </div> </div>

A kód elvileg univerzális, de példaként adok közösségi gombokat a WordPresshez. Itt az aktuális oldalra mutató hivatkozást, ahol a gombok találhatók, a_permalink() függvény jeleníti meg, a cím pedig a_title() függvényből származik. Más CMS-ekben ezeket a funkciókat le kell cserélnie hasonlókra.

Stílusok segítségével díszítjük gombjainkat, beállítjuk a háttér és a szöveg színeit, effektust adunk az egérkurzor lebegtetésekor. Adja hozzá a következő kódot a style.css fájlhoz:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 #share ( szélesség : 100 % ; szegély : 1px tömör #eaeaea ; margó : 0 automatikus ; háttér : #fff ; szövegigazítás : középre ; ) .like ( betűméret : 16 képpont ; betűsúly : 700 ; vonalmagasság : 50 képpont ; ) .push ( kijelző : soron belüli blokk ; szélesség : 22 % ; minimális szélesség : 100 képpont ; vonalmagasság : 40 képpont ; margó : 5 képpont 2 képpont 20 képpont 2 képpont ; betűméret : 15 képpont középre igazítás ; szöveg színe: 15 képpont : #fff ; kurzor : pointer ; ) .facebook ( háttérszín : #4267b2 ; ) .facebook : hover ( háttérszín : #365899 ; szín : #fff ; ) .twitter ( háttérszín : #1da1f2 ; ). twitter : hover ( háttérszín : #1a91da ; szín : #fff ; ) .vkontakte ( háttérszín : #5181b8 ; ) -szín : #ee8208 ; ) .odnoklassniki : lebeg ( háttérszín : #ee7808 ; szín : #ee7808 ; fff ;)

#share ( szélesség: 100%; szegély: 1px tömör #eaeaea; margó: 0 automatikus; háttér: #fff; szövegigazítás: középre; ).like ( betűméret: 16 képpont; betűsúly: 700; vonalmagasság : 50px; ) .push (kijelző: soron belüli blokk; szélesség: 22%; minimális szélesség: 100 képpont; vonalmagasság: 40 képpont; margó: 5px 2px 20px 2px; betűméret: 15px; szövegigazítás: középen; szín : #fff; kurzor: pointer; ) .facebook (háttérszín: #4267b2;) .facebook:hover (háttérszín: #365899; szín: #fff;) .twitter (háttérszín: #1da1f2;) . twitter:hover (háttérszín: #1a91da; szín: #fff;) .vkontakte (háttérszín: #5181b8;) .vkontakte:hover (háttérszín: #5b88bd; szín: #fff;) -szín: # ee8208;) .odnoklassniki:hover (háttérszín: #ee7808; szín: #fff;)

A sorban az utolsó lépés következik – a share.js kezelő csatlakoztatásával a forrásarchívumban találja meg. Ehhez a fejlécben a záró címke előtt szúrja be a sort, módosítsa a fájl elérési útját a tárhelyén:

1 <script defer src="share.js">

Ez minden! Ha valami nem sikerül, vagy kérdése van, nyugodtan írjon üzenetet a megjegyzésekben.

Megosztás a kiadóval

  • a Krónikádban.
  • A kezdőlap hírfolyamának tetején.

Állapotfrissítés közzétételéhez:

A Facebook-felhasználók leggyakrabban az állapotukra vonatkozó frissítéseket osztanak meg – rövid szöveges bejegyzéseket, amelyeket ismerősei elolvashatnak és hozzászólhatnak. Amikor közzétesz egy frissített állapotot, az megjelenik az idővonaladon és a barátaid hírfolyamában.


Közzététel egy barát idővonalán


A tartózkodási hely eltávolítása a rekordokból

Miután hozzáadtad a tartózkodási helyedet egy bejegyzéshez, az automatikusan hozzáadható a következő bejegyzésekhez. Ha ezt nem szeretné, kattintson a helynév melletti kereszt alakú ikonra a bejegyzés szerkesztési módjában.

Ha a mobilalkalmazást használja, válassza ki a Hely ikont, majd koppintson a képernyő alján lévő kereszt alakú ikonra a hely eltávolításához a bejegyzésből.

Kedvelések, megjegyzések és újraküldés

Végtelenül megoszthatsz új bejegyzéseket a Facebookon. Kedvelheti, kommentálhatja és megoszthatja mások bejegyzéseit és történeteit, amelyeket ismerősei osztottak meg a Facebookon.

Tetszik (Tetszik)

Amikor az ismerőseid közzétesznek valamit a Facebookon, tetszhet neked, és megjelölheted a bejegyzést a gombbal "Tetszik". Ez egy egyszerű módja annak, hogy megmutassa barátainak, hogy nagyon tetszik, amit megosztottak veled.

A Tetszik gombbal cégek és szervezetek oldalait is megcímkézheti, hogy nyomon követhesse frissítéseiket a hírfolyamában.

Ne feledje, hogy minden oldal, amit szeretne, megjelenhet az Ön idővonalán és barátai hírfolyamában. Érdeklődésétől függően ez néha kompromittáló tény lehet.