Opazil sem pomen SMO (Social Media Optimization) pri promociji spletnih strani. Zdaj pa se pogovorimo neposredno o tem, kako narediti socialno optimizacijo na vašem spletnem mestu, ali natančneje, kako dodati socialne gumbe priljubljenih omrežij na vaše spletno mesto.
Najprej vam bom pokazal, kako naj bi dejansko izgledalo na spletnem mestu. Na številnih spletnih dnevnikih in spletnih mestih z novicami lahko na dnu katerega koli članka vidite nekaj takega:
To so socialni gumbi, zahvaljujoč katerim se doseže SMO in nato socialna aktivnost. Ta članek je posvečen vprašanju, kje dobiti kodo za ta socialna omrežja. gumbe in kako jih pravilno namestiti na vašo spletno stran. Najprej razmislimo o namestitvi storitve Google+.
1. Spletnemu mestu dodajte gumb Google+
Začnimo s kodo gumba Facebook. Če želite to narediti, obiščite to stran: https://developers.facebook.com/docs/plugins/like-button. Morali bi videti naslednjo sliko:
Zgoraj desno si lahko ogledate, kako bo izgledal gumb na vaši spletni strani. Poglejmo parametre, ki jih je mogoče nastaviti:
1. URL za všečkanje
To je neobvezen parameter. Če pustite polje prazno, bo imela vsaka stran svoj števec všečkov. Če tam vnesete določen URL, bo števec enoten (všečki so sešteti z vseh strani tega mesta).
2. Gumb za pošiljanje
Dodajte ali odstranite gumb za pošiljanje sporočil. Priporočam, da ta gumb odstranite, ker... Naš cilj je preprosto postaviti gumb »Všeč mi je«, čeprav imate morda vi popolnoma drugačne cilje.
3. Slog postavitve
Slog prikaza gumbov. Osebno mi je najbolj všeč standardni.
4. Širina
Širina gumba v slikovnih pikah. Običajno ne nastavim več kot 100 slikovnih pik.
5. Glagol prikazati
Kaj bo prikazano na gumbu: "Všeč mi je" ali "Priporočam". Običajno izberem prvo možnost (privzeto), ker je bolj učinkovit način motiviranja uporabnika za všečkanje.
6. Barvna shema
Barvni razpon: bela ali črna.
7.Pisava
Samo nastavitev pisave za napis "Všeč mi je".
Po nastavitvi nastavitev kliknite na gumb "pridobi kodo" in jo postavite na spletno mesto. Skupna koda gumba za Facebook:
(funkcija(d, s, id) ( var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); (dokument, "skript", "facebook-jssdk") 2.2. Všeč mi je iz VKontakteZdaj pa poglejmo, kako pridobiti kodo gumba »Všeč mi je« iz VKontakte. Če želite to narediti, pojdite na naslednjo stran: https://vk.com/dev. Morali bi videti naslednjo stran:
Najprej boste morali dodati novo spletno mesto. Če želite to narediti, v spustnem meniju »mesto/aplikacija« izberite možnost za povezavo novega mesta:
Ko dodate novo spletno mesto, ga shranite. Zdaj v spustnem meniju izberite želeno spletno mesto. Temu sledi majhno število parametrov: "možnost gumba", "višina", "ime gumba" - vse to lahko prilagodite svojemu okusu. Na koncu bo koda za gumb:
VK.init ((apiId: 2872188, onlyWidgets: true )); VK.Widgets.Like ("vk_like", (tip: "button")); 3. Spletnemu mestu dodajte gumb za tweetKot v prejšnjih primerih, najprej pojdite na lokacijo, kjer ste prejeli in konfigurirali gumb.
Friendfeed je agregator informacij, zbranih iz družbenih omrežij, blogov, mikroblogov, ki deluje v realnem času. S pomočjo Friendfeeda lahko odkrijete in razpravljate o zanimivih materialih, ki jih vaši prijatelji najdejo na internetu!
Surfingbird je storitev, ki ponuja najbolj zanimive vsebine na internetu. Če želite to narediti, se morate registrirati, navesti svoje interese, posledično pa bo ta storitev ponudila zanimive fotografije, videoposnetke, zapiske, odvisno od navedenih interesov. Zanimiva storitev, si jo bom moral podrobneje ogledati!
Dragi bralci mojega bloga, ali ima kdo račune v zadnjih štirih predstavljenih storitvah? Zanima me zadnja, zagotovo se prijavim!
Osebno sem izbral prvo možnost, ki se imenuje števci. Prikazalo bo število priporočil za objavo, z drugimi besedami, kolikokrat je bila povezava do objave deljena. Ko izberete možnost prikaza, boste morali kopirati spodnjo kodo, ki jo boste morali objaviti na blogu.
V mojem primeru (zaradi dejstva, da sem izbral prikaz "števci") se je koda izkazala takole:
Vsebina je besedilo objave.
Če pa preprosto uredite predlagano kodo, boste dobili naslednji prikaz:
Yashare-auto-init(
margin:10px samodejno;
poravnava besedila: sredina;
}
Kjer je yashare-auto-init razred, ki je bil dodan skupaj s kodo. Margin:10px auto je vodoravni oziroma navpični rob, text-align:center pa sredinska lokacija predmeta.
Razvoj bloga se pospešuje, videz se spreminja in izboljšuje, blog se postopoma polni z zanimivimi vsebinami, svetujem vam, da se naročite na blog, da boste na tekočem z vsemi spremembami in posodobitvami bloga.
Od avtorja: Lep pozdrav. Družbena omrežja so se danes razvila do te mere, da je na njih registriranih skupno več kot 3 milijarde ljudi. To je potencialno zelo močno občinstvo, zato vam bom danes povedal, kako na svoje spletno mesto dodate gumbe družbenih medijev.
Dodajanje na spletno mesto WordPressNaj začnem z besedami, da je najlažji način, če imate WordPress, preprosto namestiti kakšen vtičnik za to zadevo. kateri? Uporabil sem na primer Juiz Social Post Sharer. Na splošno preprosto vnesite besedo socialno v iskalnik vtičnikov in poglejte, kaj je tam. Edina prednost tukaj je, da vam verjetno ne bo treba ničesar konfigurirati.
Yandex je razvil tudi stran, na kateri lahko sami prilagodite in namestite gumbe. Na tej strani lahko izberete storitve, ki jih potrebujete (in teh je približno 25). Na desni lahko izberete videz bloka. To so lahko števci, ki bodo pokazali, kolikokrat so uporabniki kliknili na gumbe. To pa vam bo pomagalo ugotoviti, ali je gradivo uporabno za bralce.
JavaScript. Hiter začetek
Seveda vam ni treba uporabiti vseh treh možnosti; ena je boljša. Čeprav sem videl spletna mesta, kjer je bil blok tako na začetku kot na koncu strani.
Zdaj morate najti datoteko s kodo, ki prikazuje članke. V wordpressu se na primer običajno imenuje single.php ali podobno. Torej, če morate za članek postaviti blok z gumbi, poiščite vrstico the_content. Tukaj lahko prilepite kodo. V veliko pomoč vam bo, če je razvijalec vaše predloge dodal pripombe v kodo.
Datoteke spletnega mesta lahko urejate na več načinov. To na primer naredite neposredno prek skrbniške plošče motorja (videz - urejevalnik). V tem primeru koda ni označena, zato ni tako priročna za navigacijo. Drugi način je preko ftp. Povežite se s spletnim mestom prek odjemalca FTP, pojdite na wp-content – themes. Tukaj morate najti predlogo, ki je trenutno aktivna za vas. Gremo vanj in najdemo ta isti single.php ali poiščemo nekaj podobnega po imenu.
V sami kodni datoteki poiščite vrstico the_content z iskanjem (Ctrl + F). Prilepite to kodo nekam za njim.
Komentarji so tisto, kar je na tem zgornjem posnetku zaslona označeno z zeleno. Kot lahko vidite, je razvijalec jasno navedel, da bo na tem mestu prikazano besedilo samega članka. To je super, samo prilepite kodo takoj za člankom in dobite želeni rezultat.
Gumbi iz Pluso
JavaScript. Hiter začetek
Naučite se osnov JavaScripta s praktičnim primerom, kako ustvariti spletno aplikacijo.
Izberete lahko slog gumbov, prilagodite njihovo ozadje, položaj in velikost. Izberete lahko tudi ikone z vgrajenim števcem. Druga prednost gumbov Pluso je njihov osupljiv videz in možnost, da jih vključite v skoraj vsak dizajn.
Ko je vse nastavljeno, preprosto kopiramo kodo in jo prilepimo na mesto, kjer želimo videti ustrezen blok.
Druga možnost je Share42Če vam prejšnje možnosti niso bile všeč, lahko na spletno mesto dodate gumbe za družabna omrežja. To je storitev share42.com. Tako so ga poimenovali verjetno zato, ker je bilo ob njegovem nastanku 42 gumbov socialnih storitev, trenutno pa jih je 43.
Postopek ne bom podrobno opisoval, ker je vse že predstavljeno na spletni strani v obliki navodil po korakih. Oblike teh ikon ne morete spremeniti, temveč samo velikost. Vendar pa ne izgledajo slabo.
Ikone, ki jih potrebujete, morate izbrati tako, da nanje kliknete z miško. Ločeno bi rad opozoril na prisotnost tako zanimivih funkcij, kot so dodajanje med priljubljene v brskalniku, povezava do RSS in gumb »Nazaj na vrh«.
Nato lahko izberete vrsto plošče: vodoravno ali navpično? In če je izbran drugi, se lahko število gumbov omeji. Priporočam, da pustite kodiranje UTF-8. Naboru gumbov lahko dodate tudi ikono same storitve, tako da jo lahko uporabniki z vaše strani obiščejo in sami namestijo te gumbe.
Poleg tega, če nameravate dodati ikono rss, morate navesti naslov svojega vira, in če želite prikazati število klikov gumba, morata biti zadnji dve potrditveni polji označeni.
Spodaj sta 2 gumba. Prvi vam omogoča, da vidite, kako bodo videti socialni gumbi, ki ste jih konfigurirali. Z uporabo drugega se skript prenese. Naložiti ga morate prek ftp na svojo spletno stran v korensko mapo.
Naslednji korak je določitev poti do te mape na strani storitve. Pogosto je dovolj, da site.com zamenjate z imenom svoje domene. To je to, ostane le še vstavljanje kode, pri čemer najprej izberete cms, na katerem teče vir. Upam, da že razumete, kam vstaviti kodo.
Ne dvomim, da obstaja nekaj drugih običajnih storitev, kjer lahko ustvarite gumbe za družabna omrežja, obstaja pa tudi ogromno skriptov in vtičnikov, ki jih dodajajo. Danes sem za vas naštel najboljše, po mojem mnenju, možnosti.
No, danes smo se naučili, kako svojemu internetnemu projektu dodati gumbe za družbena omrežja in storitve. Zdaj lahko vaše uporabne materiale vaši hvaležni bralci samodejno distribuirajo na družbenih omrežjih. In to je zame vse.
JavaScript. Hiter začetek
Naučite se osnov JavaScripta s praktičnim primerom, kako ustvariti spletno aplikacijo.
Tukaj je stavek "Kdo želi kupiti programsko opremo z 8% popustom na promocijo?" napisal uporabnik sam, spodaj pa je videti, kako je videti povezava do strani na družbenem omrežju. Ni zelo lepo, kajne?
potem bo povezava na družbenem omrežju videti takole:
Tukaj je »Danes je rojstni dan allsoft.ru - 8 let :)« je besedilo, ki ga je napisal uporabnik, ostalo so informacije iz meta oznak. Več o teh meta oznakah si lahko preberete na Facebook strani developers.facebook.com/docs/share, tudi druga socialna omrežja jih kar dobro razumejo.
Kako ta mehanizem na splošno deluje:
1. Ko uporabnik klikne gumb, gradnik posreduje povezavo do strani na strežnik socialnega omrežja.
2. Socialni strežnik Omrežje samo dostopa do te povezave in prebere podatke o strani – naslov, opis, sliko.
3. Socialni strežnik omrežje shrani informacije o strani na svojo stran in jih prikaže na straneh družbenih omrežij
Kako poslati različne opise za eno stran.
Na primer, pri ustvarjanju promocijske strani na allsoft.ru s komičnim testom je bilo treba na družbena omrežja poslati različne opise za različno število točk, ki jih je uporabnik dosegel v testu. Ker družbeno omrežje prejme opis strani s klikom na povezavo, so za različne opise potrebne različne povezave. Poleg tega Twitter dovoljuje samo 140 znakov, zato potrebuje ločen, krajši opis.
New Ya.share(( element: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] ), povezava: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( title: "Rezultat testa: Zmaj je skoraj vaša močna točka! Ne morete še poučevati Dragonologije, vendar na pravi poti!" ) ) ));
1. Tukaj je ya_share_normal ID elementa na strani (), v katerem se bo pojavil blok z družabnimi gumbi, povezava je povezava, plus v serviceSpecific za Twitter navedemo naslov, ki se razlikuje od tega, kar je v og: metaoznaka naslova.
Tako bomo za nalogo "3 različni rezultati testa in skupna povezava do strani zunaj testa" imeli 4 oznake:
in 4 bloki kode JavaScript kot zgoraj.
Kako spremeniti naslov in opis, ki ju je predpomnilo družabno omrežje.
1. Obstaja najboljši način za Facebook: pojdite na njihov razhroščevalnik
V stiku z
Bistvo ni toliko v razširitvi seznama, kaj se lahko prenese na nekoga. Trenutno zajema skoraj vse vrste podatkov, ki so zanimivi za povprečnega lastnika iPhona ali iPada. To pomeni, da lahko poleg e-pošte, slik, videoposnetkov in glasbe prenašate navigacijske koordinate, sezname stikov in naslovov, povezave do tematskih virov in določene datoteke v "oblakih", kratke večpredstavnostne opombe, ustvarjene z uporabo hitrih sporočil in še veliko več. Bolj pravilno bi bilo oblikovati idejo na naslednji način: ko se pojavi nova storitev, ki uporablja lasten format podatkov, ji je treba dodeliti mesto v sistemu, vendar je zaenkrat vse uravnoteženo.
Vendar Apple razume, da se bo svet aplikacij za iOS zagotovo razvijal, zato je pojav takšnih nestandardnih novincev vprašanje časa. Verjetno se je Cupertino odločil, da se znebi dodatnega bremena in avtorjem aplikacij naroči, naj sami delajo na izvajanju funkcij »deljenja«. Stroga zahteva po sklenitvi pogodbe z Appleom je preteklost, API-ji so postali odprti - izvolite, navdušeni inovatorji. To je potencialno najbolj obetavno področje dela ustvarjalcev družbeno usmerjenih programov, a odgovornost za rezultat je tudi njihova skrb.
Izjema je samo za lastne izdelke podjetja, kot so pošta, sporočila, skupna raba fotografij – ti bodo vedno ostali aktivni. Ker pa še vedno govorimo o beti, se lahko ta in druge novosti do septembra še spremenijo.
