Kods, lai pastāstītu saviem draugiem par mums. Sociālie mediji: man patīk pastāstīt saviem draugiem! Kā tas darbojas

10.09.2024

Lasīšanas laiks: 5 minūtes

Integrētas e-pasta un sociālo mediju mārketinga kampaņas sasniedz vairāk auditoriju un palielina IA (ieguldījumu atdevi). Uzziniet, kā izmantot Mailigen integrēto mārketinga platformu, lai sasniegtu klientus, izmantojot e-pastu un sociālos medijus.

Kāpēc savam e-pastam jāpievieno sociālo mediju pogas “Pastāstiet draugiem”?

Saskaņā ar digitālo līdzekļu pārvaldības uzņēmuma WebDAM 2014. gada pētījumu par mārketinga stratēģijām 2014. gadā, tam ir trīs labi iemesli:

  • 2013. gadā 43% pārdevēju atrada pircējus, izmantojot LinkedIn
Kā e-pasta ziņojumam pievienot sociālo mediju pogas “Pastāsti draugiem” 1. darbība

Kad esat ceturtajā e-pasta biļetena izveides posmā, velciet bloku kopīgošanai sociālajos tīklos uz vietu, kur vēlaties instalēt šīs pogas.

2. darbība

Pēc tam tiks atvērts jauns logs, kurā varat veikt visus nepieciešamos iestatījumus.

  • Izvēloties “E-pasta arhīvs”, sūtījuma saņēmējs varēs kopīgot visas vēstules saturu sociālajos tīklos. Biļetena nosaukums tiks izmantots kā ievadteksts.
  • Ja atlasāt "Cita saite", varat ievadīt saiti uz jebkuru saturu, ko vēlaties kopīgot. Piemēram, tas varētu būt jauns raksts jūsu emuārā.
  • Pēc tam ievadiet tekstu, kas atradīsies blakus pogām, atlasiet pogu izmērus un attālumu starp tām.
Facebook Apkoposim

Par to, kā sociālie tīkli var palīdzēt reklamēt vietni un piesaistīt tai jaunus apmeklētājus. Taču šoreiz vēlos pāriet no teorijas pie prakses un sīkāk pastāstīt par to, kā savā mājaslapā ievietot pogas “Patīk” no populāriem sociālajiem tīkliem, piemēram: VKontakte, Facebook, Twitter, Odnoklassniki, MoiMir, Google+, QIP un Yandex .

Kas ir “patīk” un kāda no tām ir?



Tomēr interneta slengā “patīk” nozīmē kaut ko pavisam citu, un tie izskatās šādi:



Ja jūsu vietnes datplūsma ir vismaz 20 apmeklējumi dienā, jums vajadzētu padomāt par šādu pogu izvietošanu savā vietnē, jo:

  • “Patīk” piesaista jaunus apmeklētājus no sociālajiem tīkliem: “Patīk” šim vai citam ierakstam jūsu emuārā, lietotājs var par to runāt savā lapā sociālajā tīklā;
  • Jūs varēsiet izprast savas vietnes apmeklētājus: analizējot rakstus vai vietnes lapas, kuru atzīmju "patīk" skaits ievērojami pārsniedz citas vietnes lapas, jūs sapratīsiet, kas apmeklētājiem patīk vairāk;
  • tas veicinās vietnes popularizēšanu meklētājprogrammās: meklētājprogrammas jau sen ir iemācījušies mijiedarboties ar sociālajiem tīkliem, tāpēc “patīk” atstāj savu pēdu SEO.

Es domāju, ka ar komplimentiem par “patīk” pietiek, lai saprastu, cik tas vietnei ir noderīgi un svarīgi. Tāpēc varat droši pāriet uz uzstādīšanas instrukcijām.


Ātri pārejiet uz instrukcijām


"Man patīk" no VKontakte


1. Dodieties uz lapa logrīka savienošanai ar vietni.

3. Pielāgojiet logrīka izskatu pēc savas gaumes un iegūstiet gatavo kodu:

4. Logrīka kods ir jāievieto vietnes lapu veidnēs.

"Patīk" no Facebook


1. Dodieties uz pogas "Patīk" iestatījumu lapu.

2. Konfigurējiet logrīku un noklikšķiniet uz pogas Saņemt kodu:

3. Atvērtajā logā nokopējiet saņemto kodu un ielīmējiet to vietņu veidnēs.

"Tvīts" no Twitter


1. Dodieties uz .

2. Izvēlieties pogas veidu:

3. Pielāgojiet pogas izskatu:

4. Nokopējiet un ielīmējiet iegūto kodu veidnēs:

"Klase!" no Odnoklassniki



Un vēl vienkāršāk ir iegūt pogu “Klase!”. kopā ar pogu “Patīk” no sociālajiem medijiem. "MyMir" tīkls. Tieši par to mēs runāsim tālāk.

2 vienā: “Patīk” no MoyMir + “Class” no Odnoklassniki


1. Atveriet logrīku “Patīk” un “Cool!” iestatīšanas lapu. .

2. Pielāgojiet logrīku savai gaumei:

3. Nokopējiet un ielīmējiet iegūto kodu vietņu veidnēs:

“+1” no pakalpojuma Google+


1. Dodieties uz Pogas "+1" iestatījumu lapa.

2. Pielāgojiet pogas izskatu:

3. Nokopējiet saņemto kodu un ielīmējiet to veidnēs:

Viss vienā: slinkiem cilvēkiem!


Ja esat slinks visus sociālos tīklus iestatīt atsevišķi, varat izmantot gatavus risinājumus un skriptus, kas nodrošina iespēju visos populārajos sociālajos tīklos ievietot universālu pogu ar kopīgošanu (funkcija "pastāstīt draugiem". Lūdzu, ņemiet vērā, ka šeit nav spēcīga savienojuma ar vietni, un šādas pogas ir izveidotas vairāk ērtībai, nevis SEO efektam.



Iegūstiet pogu kodus un ielīmējiet tos savā vietnē.

Kur ievietot saņemtos kodus?

Lai savā mājaslapā ievietotu pogas “Patīk”, vispirms jāizlemj, kuras vietnes lapas ir visrentablākās un kurās vislabāk tās izvietot. Pogu izvietošanai vietnē ir šādas iespējas:

  • mājas lapa;
  • visas vietnes lapas;
  • pasta/materiāla lapa.

Nav nepieciešams no jauna izgudrot riteni un ievietot pogas foruma ierakstos, kontaktinformācijas lapās un tā tālāk: šādas pogas nepatiks. Kad esat izlēmis, kur ievietosiet pogas, piesakieties savas vietnes vadības panelī vietnē your-site.ucoz.ru/admin un dodieties uz:

  • lapas redaktors → pārvaldīt vietnes lapas → rediģēt vietnes galveno lapu(ja vēlaties ievietot pogu kodus tikai vietnes galvenajā lapā);
  • dizaina vadība → modulis (pēc izvēles) → materiāla lapa un komentāri pie tā(ja vēlaties katram materiālam ievietot “patīk” pogas);
  • dizaina vadība → globālais bloks "Vietnes augšdaļa"(ja vēlaties kodu ievietot visās vietnes lapās).

Ielīmējiet saņemtos pogu kodus vienā no šīm veidnēm un saglabājiet izmaiņas. Apskatīsim šo punktu, izmantojot konkrētu piemēru - ievietojot pogu "Tas ir interesanti!" blakus ierakstam mūsu oficiālajā emuārā uCoz.

Sveiki visiem vietnes lasītājiem

Šajā rakstā pastāstīšu, kā savai vietnei pievienot pogas “Patīk”, “Klase”, “Pastāsti draugiem” utt.

Es arī sniegšu jums padomu, kā ievietot komentārus jebkurā jūsu vietnes lapā.

Ir vairāki veidi, kā savā vietnē instalēt iepriekš minētās pogas. Apskatīsim katru no tiem:

  • Dodieties uz tā resursa vietni, no kura vēlaties iegūt pogu. Pēc tam atrodiet sadaļu izstrādātājiem un tur, izpildot norādījumus, ģenerējiet HTML kodu, ko ievietot vietnē.
  • Izmantojiet brīnišķīgo Yandex pakalpojumu un izveidojiet īpašu līdzīgu paneli.
  • Apskatīsim katru pakalpojumu.

    Sazinoties


    Uzmanību, lai uzstādītu pogu, ir jābūt reģistrētam! Saite uz sadaļu atrodas sociālā tīkla pašā apakšā. tīkliem.

    Tagad jums ir pilnīga brīvība izdomātiem lidojumiem. Varat instalēt jebkuru vēlamo pakalpojumu. Es izvēlējos pogu "Patīk".


    Pēc noklikšķināšanas uz atlasītās sadaļas jūs redzēsit iestatīšanas vedni.


    Tagad nedaudz par iestatīšanas vedni. Katram izstrādātājam ir savs apiId. Noteikti pārbaudiet tā klātbūtni logā ar ģenerēto kodu.
    Tāpat neaizmirstiet veidlapas augšdaļā iekļaut savas vietnes adresi.

    Visi! Tagad atliek tikai pusi no skripta ievietot mūsu lapas galvā, bet otru pusi - pamattekstā, kur vēlaties, lai jūsu poga būtu.

    Šeit jūs varat pārbaudīt, kā tas darbojas manā vietnē. Lapas augšdaļa.

    Odnoklassniki un mana pasaule


    Un tieši šeit mēs pielāgojam pogas izskatu. Un tad mēs nokopējam kodu. Šis kods nav sadalīts divās daļās, tas nekavējoties jāievieto vietā, kur vēlaties atrast pogu.

    Izmēģiniet to darbībā.

    Apmeklēsim Yandex :)


    Šeit viss ir pat vienkāršāk nekā iepriekš aplūkotajās metodēs.
    Mēs vienkārši izvēlamies nepieciešamos pakalpojumus, to parādīšanu un ielīmējam iegūto kodu vietnē.

    tas arī viss? Vai tas ir tik vienkārši?

    Rakstiet komentāros, ja kaut kas nav skaidrs.

    Jūs varētu interesēt:

    Sveiki, dārgais lasītāj, šajā rakstā mēs apskatīsim:

    • kas ir css
    • kā pieslēgt stilus savai lapai
    • kā lietot css
    • pamata css "īpašības"

    Katru dienu (vai varbūt ne katru dienu) jūs ieslēdzat datoru, atverat pārlūkprogrammu un aktīvi izmantojat internetu.

    Vai esat kādreiz domājis, kā šis tīkls darbojas? Nē? Pēc tam ļaujiet vietnes autoram paskaidrot, kā viss ir.

    Sveicināti, dārgie emuāra lasītāji. Sakarā ar daudzajiem lasītāju lūgumiem šodien VKontakte izveidosim foršu sistēmu “Kopīgot ar draugiem”, lai lejupielādētu failu, izmantojot JQuery un CSS.

    Draugi, es gribu teikt, ka šī sistēma daudzkārt palielinās saišu skaitu uz jūsu resursu, protams, atkarībā no tā, ko jūs piedāvājat lejupielādēt un kāda veida trafika jums ir.

    Es arī gribētu teikt, ka šī sistēma ir ļoti līdzīga foršajai "" sistēmai, kas savukārt palielina saišu skaitu Twitter. Šajā gadījumā gandrīz viss ir vienāds, tikai nedaudz manis rediģēts. Un galu galā viss izdevās labi :-)

    Nu, tagad pāriesim pie pašas sistēmas.

    Sistēma “Pastāstiet draugiem” vietnē VKontakte, lai lejupielādētu failu Kā tas darbojas?

    Redziet, tas nav tik grūti. :-)

    Kā to izdarīt?

    Sākumā es uzzīmēju vienkāršu veidni lapai ar pogu. To var redzēt piemērā un arī izmantot savā vietnē, tas ir pieejams avota kodā. Lietotājs tiks novirzīts uz šo lapu, lai viņš varētu veikt lolotās faila lejupielādes darbības.

    Tad es izveidoju šo veidni, un tas ir tas, ko es saņēmu:

    Kā redzat, lapa nepavisam nav liela vai sarežģīta.

    Galvenais ir sākumā starp tagiem un pievienojiet šādus skriptus:

    jquery.min.js ir JQuery bibliotēka, ja jums tā jau ir, jums tā nav jāinstalē atkārtoti.

    jquery.vkAction.js — šis skripts atver VKontakte logu.

    script.js — taču šis skripts aktivizē pogu Lejupielādēt.

    Tagad pievienosim dažus CSS stilus, lai nedaudz izrotātu mūsu lapu.

    CSS

    Draugi, visus stilos norādītos attēlus var atrast avota kodā img mapē.

    * ( piemale: 0; polsterējums: 0; ) pamatteksts ( mala augšdaļa: -50 pikseļi; platums: 100%; augstums: 100%; krāsa: #555; fons: url (img/body.jpg) atkārtojiet 100% 0; font-family: "Ubuntu", sans-serif: font-size: 0.85em ) ul ( list-style: nav; ) a ( krāsa: #538e28; text-decoration: none; ) a:hover ( krāsa: #69b432 ) #wrapper ( pozīcija:relatīvs; apmale:0px solid #d6d6d6; platums: 1004px; augstums: 787px; fons: url(img/bodycont.jpg) 50px 0px bez atkārtošanās; piemale: 0 auto; ) #copy( position:absolute; left:330px; apa: 150px apmales: 1004px s 0.01s atvieglota-in; ) #vk:hover ( necaurredzamība: 1.0; ) #str1 ( fons: url(img/str1.png) bez atkārtošanas; pozīcija: absolūts; pa kreisi: 140 pikseļi; augšā: 290 pikseļi; apmale: 0px ciets #d6d6d6; platums: 262 pikseļi ; augstums: 262 pikseļi; ) # str2 ( fons: url (img/str2.png) bez atkārtošanas; pozīcija: absolūts; pa labi: 100 pikseļi; augšdaļa: 450 pikseļi; apmale: 0 pikseļi, ciets # d6d6d6; platums: 262 pikseļi; augstums: 262 pikseļi; ) .downloadButton(pozīcija:absolūtais; pa kreisi:373px; augšā:580px; platums:253px; augstums:98px; pārpilde:slēpts; background:url("img/dbuthov.png") no-repeat; kursors:noklusējums; ) . downloadButton.active( background:url("img/dbut.png") bez atkārtošanas; platums: 253 pikseļi; augstums: 98 pikseļi; kursors: rādītājs; -moz-transition: viss 0,2 s 0,01 s atvieglojums; -o-transition : viss 0,2 s 0,01 s atvieglojums;

    Es ceru, ka jums šeit viss ir skaidrs. Sākumā es izveidoju bloku ar izmēru 1004 x 787 pikseļi, kurā pēc tam ievietoju visus objektus, kurus redzat ar absolūtu pozicionēšanu. Tās ir VKontakte un lejupielādes pogas, kā arī bultiņas un paši uzraksti.

    Ja kaut ko nesaprotat, jautājiet komentāros.

    Tagad pāriesim tieši uz skriptiem.

    JS

    (function($)( var win = null; $.fn.tweetAction = function(options,callback)( // Standarta parametri uznirstošajam logam: options = $.extend(( url:window.location.href ) , opcijas) ; return this.click(e)( if(win)( e.preventDefault(); return; ) var platums = 550, augstums = 350, top = (window.screen.height - augstums)/2 , pa kreisi = (window.screen.width — platums)/2 var config = [ "scrollbars=yes","resizable=yes","toolbar=no","location=yes", "width="+width, "height= "+height,"left="+left, "top="+top ].join("," // Uznirstošais logs no VKontakte API: win = window.open("http:/); /vkontakte.ru/share .php?"+$.param(options), "TweetWindow",config); (funkcija checkWindow())( try( // nepieciešams ievietot šo kodu try/catch): if(! win ||. win.closed) ( iemet "Aizvērts!"; ) else ( setTimeout(checkWindow,100); ) ) catch(e)( win = null; callback(); ))( e.preventDefault()) ; )(jQuery);

    Kā redzat, es mainīju tikai šo saiti http://twitter.com/intent/tweet? uz šo http://vkontakte.ru/share.php?. Citiem vārdiem sakot, es aizvietoju saiti no Twitter ar VK saiti. Tas arī viss, izmaiņu vairs nebija.

    Tagad paskatīsimies, kāds bija mans nākamais scenārijs.

    script.js

    $(document).ready(function())( // Izmantojot mūsu tweetAction spraudni. Pilnu sarakstu ar atbalstītajiem // parametriem skatiet vietnē http://dev.twitter.com/pages/intents#tweet-intent $( " #tweetLink").tweetAction(( virsraksts: "Kā izveidot sistēmu "Pastāstiet draugiem" VKontakte, lai to lejupielādētu, izmantojot JQuery un CSS", url: "http://site/", apraksts: "Šeit varat lejupielādēt forši "Pastāstiet" sistēmas draugiem"" vietnē VKontakte, lai lejupielādētu, kā arī uzziniet, kā tas darbojas" ),function())( // Kad logs tiek aizvērts: $(".downloadButton") .addClass("active") . attr("href","Tieša saite uz failu" ));

    Svarīgi

    Jums ir jārediģē šis skripts savai vietnei.

    Virsraksta laukā: jāievada ziņas nosaukums, kas jāparāda kontaktā.

    Apraksta laukā: jānorāda ziņas apraksts.

    Tas arī viss, draugi. Es vēlētos pateikties vietnei tutorialzine.com par ideju un skriptiem. Nu, tagad tiekamies drīz. :-)

    Pēdējā laikā katrs otrais (ja ne pirmais) klients mājas lapas izstrādes prasībās lūdz to droši savienot ar sociālajiem tīkliem. “Sociālās” pogas vietnē ir galvenais rīks mērķauditorijas piesaistīšanai, satura izplatīšanai un PR kopumā. Un tas ir pilnīgi bez maksas!

    Sociālie tīkli nodrošina to pogu un logrīku kodus ievietošanai vietnē, kā arī instrukcijas to instalēšanai vietnes pārvaldības sistēmā. Jebkuras CMS (operētājsistēmas) ļauj tās instalēt, galvenais, lai tās harmoniski iekļaujas jūsu mājas lapas dizainā.

    Kādas ir īpašības un funkcijas?

    Ja jūsu vietne ir paredzēta cilvēkiem, kuri sazinās populāros sociālajos tīklos. tīkliem, piemēram, Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest u.c., un vēlaties tos visus aptvert, tad, lai katrai no tām nebūtu jāinstalē pogas atsevišķi, ņemot vērā, ka tās var atšķirties pēc izmēra un dizaina , iesakām izmantot apkopošanas pakalpojumus. Tie ir vienkārši un ērti rīki, kas ļaus vietnes apmeklētājiem ātri dalīties informācijā ar draugiem neatkarīgi no tā, kādu sociālo tīklu viņi izmanto. Tālāk mēs apskatīsim populārākos pakalpojumus.

    Sociālo mediju pogas Share Pluso