joi, 26 septembrie 2013

Widgeturi pentru reţele de socializare – Google +

Widget Google
Dacă tot mi-am pus noi zorzoane (butoane G+, Twitter şi FB) pe blog, m-am gândit că n-ar strica, evident pentru aceia pe care i-am convins nu demult să-şi deschidă blog, dacă, plin de generozitate, încerc să le economisesc timp preţios. Prin urmare, câteva indicaţii succinte, însă nepreţuite, referitoare la modalităţile de includere în paginile blogului a câtorva dintre cele mai reprezentative widgeturi Google, Twitter şi Facebook.


Pentru că n-am de gând să scriu prea mult, voi trata subiectul în trei episoade, azi vorbim despre butoanele G+. Pentru includerea acestora în paginile blogului mai întâi trebuie accesată pagina „Google developers”. Căutaţi apoi în stânga opţiunea websites. Aici vă stau la dispoziţie, între multe altele:

Butonul +1, căruia îi puteţi schimba aspectul, uzând de cele patru mărimi disponibile şi trei moduri de afişare. Codul pe care trebuie să-l puneţi în sidebarul blogului este generat imediat (n-aveţi cum să nu-l observaţi), iar în continuare procedura este simplă: copy de aici şi "paste" în blog.

Pentru un buton standard-inline, codul generat este de forma:
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="200"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Rezultatul va arăta aşa:

Pentru butonul standard-bubble, codul este:
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Rezultatul în pagina blogului fiind acesta:

Un buton G+ simplu, echivalentul combinaţiei standard-none are codul:
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="none"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Iar imaginea pe blog este următoarea:

Butonul follow, permite, de asemenea, alegerea formatului de afişare, mic, mediu sau mare. Astfel, se poate opta pentru:

Buton mediu-orizontal, codul acestuia fiind de forma:
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/106552949756047860545" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Observaţie: înlocuiţi şirul "106552949756047860545" (scris cu roşu), care reprezintă ID-ul profilului meu, cu propriul ID Google.

În pagină, rezltatul va arăta aşa:

Butonul mediu-vertical are codul:
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="vertical-bubble" data-height="20" data-href="//plus.google.com/106552949756047860545" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Observaţie: rămâne valabilă observaţia anterioară, referitoare la ID profil Google.

Rezultatul pe blog ar trebui să fie acesta:

Pentru un buton de urmărire simplu este necesar codul:
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/106552949756047860545" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Observaţie: nu uitaţi să folosiţi în locul şirului de cifre scris cu roşu ID-ul propriului profil Google.

Pe blog (în sidebar) ar trebui să vă apară:

Dacă vreţi să păreţi mai sofisticaţi cu siguranţă veţi fi tentaţi să folosiţi insigna google. Puteţi alege formatul de afişare, precum şi dimensiunea.

Astfel, pentru Insigna google tip portret codul este următorul:
<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-width="180" data-href="//plus.google.com/106552949756047860545" data-showcoverphoto="false" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Nota bene: în locul şirului de cifre cu roşu puneţi propriul ID de profil google.

Rezultatul arată aşa:

Insigna google în variantă "landscape" are următorul cod:
<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-href="//plus.google.com/106552949756047860545" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Nota bene: înscrieţi în locul şirului de cifre scris cu roşu propriul ID google.

În sidebarul blogului apare ceva de genul:

Cam atât pentru azi. Totuşi, pe final să recapitulăm:

Drept bonus pentru aceia care au ajuns cu lectura până în acest punct vă mai vând dau un pont. Accesaţi adresa http://www.gplusdata.com, apoi în bara de căutare scrieţi-vă numele sub care sunteţi înregistraţi în Google (profil sau pagină). Veţi putea observa date despre profilul personal şi pentru un plus de aroganţă pe blog puteţi lua codul unui widget, în fapt o insignă care specifică cifra aşa-numitului "PlusKred", adică o reprezentare numerică a influenţei profilului personal pe G+. Minunăţia asta arată cam aşa (culoarea se poate alege):

Data viitoare, probabil mâine, vorbim despre Twitter.

13 comentarii:

  1. Neata, Centurion. :D Ce de wigdeturi si coduri avem aici! Google + este un mister pentru mine. Sunt paralela cu tot ce tine de el. Daca pe fb tot mai am cativa, hm, sa-i numesc prieteni virtuali, pe google+ si twitter nu am pe nimeni. Si nici nu stiu cum as putea "face rost" de ei. Stiu cat de importante sunt retelele de socializare pentru blog, insa eu prea am ce face cu traficul in conditiile in care nu-mi monetizez blogul. In concluzie, desi toata lumea e absolut obsedata de trafic, cu parere de rau constat ca mie nu imi foloseste la nimic. Iar cei care vin din facebook, google + sau twitter rar spre niciodata lasa o parere pe blog. Eu prefer comentatorii, pentru ca nu transmit in articolele mele stiri vitale pentru starea natiunii, absolut necesare pentru a fi citite. Iar curiosiii care poposesc 3 secunde pe blog, citesc primul rand si apoi parasesc rapid pagina, chiar nu ma ajuta cu nimic.

    Deci, cu ce ne ajuta traficul daca nu pentru a ne gadila orgoliul in conditiile in care nu ne monetizam blogul si nici nu avem blog de informare?

    RăspundețiȘtergere
    Răspunsuri
    1. Neaţa, Nice :) Pentru mine Google a rămas cel mai accesibil şi inteligibil, probabil că a fost prima reţea pe care am accesat-o... :)
      Păi, nu ştiu ce să zic, cel puţin în cazul meu n-am un trafic imens, (defapt ni ci nu ştiu care ar fi cifra pe care ar trebui să o ating ca să zic că am trafic). Oricum nu asta e important. Cum îţi spuneam la tine pe blog, despre FB, curiozitatea, m-a împins în lumea "blogerilor", deşi probabil nu cadrez cu şablonul. Dar, cel puţin deocamdată este o "ocupaţie" plăcută.
      Despre monetizare n-am nici cea mai vagă idee şi poate mai important nici cea mai mică intenţie... cum spuneam nu prea sunt "bloger" (da' ceva asemănător spuneai şi tu într-un articol).
      Se prea poate ca pe unii ca noi, de pildă, traficul să nu fie decât pentru orgoliul personal (desigur atât timp cât mai simţim nevoia unei astfel de "mângâieri") :D :)))
      Weekend minunat, Nice :)

      Ștergere
  2. Mă, fraților, cum e cu monetizarea asta a blogului? Că dacă e rost de parnos, să vedeți voi cum o să mă apuc eu și de scris poezii, și de pictură (abstractă, că mai mult de linii și cerculețe nu știu să fac), și de făcut cercei, și de toate, numai să iasă bancnotele ca ziarele din presă. :))

    RăspundețiȘtergere
    Răspunsuri
    1. M-ai prins... Habar n-am! Poeziile ca poeziile, da' n-aş rata pentru nimic în lume picturile tale abstracte :))) Da' nah, dă şi tu un search pe GOOGLE, dacă tot vorbim despre G+ :))) Ceva, 2 parale, concursuri bloggeri etc. ;)
      Weekend fain, Săndele :)

      Ștergere
  3. Nu prea folosesc Google+ dar mă voi ocupa de asta. Tema ta de pe blogspot sau vreun plugin de instalat poate înbunătăţi comunicarea cu tine. Nu ştiu când postezi, şi nici când se răspunde la comentarii. Ai vreo soluţie?

    RăspundețiȘtergere
    Răspunsuri
    1. Nu ştiu dacă funcţionează, dar sunt pe undeva pe la mijlocul "sidebarului" nişte linkuri: Abonaţi-vă la: şi Urmăreşte prin e-mail.
      Pluginuri de wordpress care să-ţi afişeze la tine pe blog ultima postare a celor din blogroll (aşa cum îmi permite mie blospotul) n-aş putea să-ţi recomand, pentru că-s total paralel cu platforma (am încercat-o pe cea gratuită şi m-a dezamăgit profund)
      Weekend minunat, ţie şi celor dragi :)

      Ștergere
    2. De fapt, la comentarii e problema, să ştiu când s-a comentat şi să răspund! Dacă postezi în grupurile de FB primesc mail. Să urmăresc şi Google+, să văd dacă primesc ceva.

      Ștergere
    3. Cred că "abonarea la comentarii" ar trebui să funcţioneze şi să-ţi fie de folos la ceea ce vrei tu să obţii. N-aş băga însă mâna în foc, întrucât eu nu folosesc opţiunile respective, prefer metoda "manuală", dar evident am puţine bloguri pe care le vizitez şi cu atât mai puţine unde las comentarii ;)

      Ștergere
  4. Foarte bine explicat
    Pentru cei care nu folosesc Google+ inca trebuie sa le spun ca-l folosesc de vreo 2 ani si sincer nu am nevoie de lata retea. Filosofia G+ e mai intuitiva si mai aproape de real decat cea FB si oamenii sunt mai putin suparaciosi sau nu am intalnit eu prea multi.

    RăspundețiȘtergere
    Răspunsuri
    1. Acuşi (în prima săptămână din octombrie) fac şi eu anul de utilizator G+. Asemeni ţie, acum că le-am încercat şi pe celelalte două, pot spune că filosofia google se pliază cel mai bine pe propria-mi filosofie referitoare la reţelele de socializare.
      Weekend fain ţie şi familiei, Cristian :)

      Ștergere
  5. Buuun. Acum să explic eu niţel ce se petrece dacă apasă pe butonul +1 instalat pe un blog. Nu, nu se activează vreo sirenă, nici nu vin mascaţii, ci îi transmit lui Google că au încredere în blogul şi persoana respectivă. Ca un fel de recomandare. Cât mai multe clicuri pe +1, o poziţie cât mai bună în Google. ;)

    RăspundețiȘtergere
    Răspunsuri
    1. e un fel de Like de la FB. poate noul algoritm de cautare Google sa schimbe ceva

      Ștergere
  6. Cred totuşi că este vorba şi de puţină "legendă" în toată povestea butonului +1. Uite blogul ăsta (http://smartsoftlab.blogspot.com) are peste 24.000 de "+" şi nu e mai deloc vizibil...

    RăspundețiȘtergere