Joomla123.lt

Kaip į tinklalapį įdėti mygtuką +1 Google

Sekmadienis, 11 Gruodis 2011 22:28 Parašė Rimvydas Peržiūrų: 649

Naršydami po internetą tikriausiai atkerpėte dėmesį, kad daugėją puslapių kuriuose atsiranda mygtukas +1. Ką jis reiškia ir kas tai yra? Trumpai tai googlės alternatyva facebook’ui . Paspausdami mygtuką jūs pranešate draugams , Google + vartotojams apie jums patinkantį straipsnį. Daugiau apie tai galite sužinoti paskaitę čia apie Google+ . Teko girdėti gandų, kad tai padeda greičiau prisišaukti Google robotus indeksacijai, PR ir  t.t., bet visa tai gandų lygyje ir patvirtinimo kol kas nėra.
Norėdami įdėti mygtuką į tinklapį pirmiausiai turime užsukti čia pasirinkti norimą mygtuko dydį, kalbą ir kodas bus sugeneruotas. Tada kopijuojame šį kodo gabaliuką:

1
2
3
4
5
6
7
8

<script type="text/javascript">
  window.___gcfg = {lang: 'lt'};
   (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>

ir talpiname į šablono index.php failą prieš uždaromą </head> gairę.Sekantis žingsnis atidarome failą esantį jūsų šablonas/html/com_content/article/default.php.
Jeigu tokio katalogo ar failo ten nėra tai susikuriame atitinkamus katalogus ir failą default.php persikopijuojame iš /components/com_content/views/article/tmpl/default.php. Aišku galima ir nekopijuoti redaguoti tiesiai tmpl kataloge, tačiau ateityje jei bus versijos atnaujinimai visi dabar daromi pakeitimai gali pradingti ir teks viską kurti iš naujo.
Faile default.php susirandame vietą kur norime atvaizduot mygtuką ir įkeliame sekantį kodo gabaliuką:

1

<g:plusone annotation="inline"></g:plusone>

Mano atveju tai bus po straipsniu.

Tuo visas redagavimas ir baigtas.

Pranešimų temoje

Paskelbta: 2012-01-12 20:30 nuo Snaps #6432

tinklalapį*

Paskelbta: 2012-01-12 22:43 nuo Megejas #6435

Snaps parašė:

tinklalapį*

jau

Paskelbta: 2012-03-10 06:45 nuo vandenilis13 #7401

Paragintos šios idėjos pagalvojau, kodėl apsistoti tik ties +1 Google mygtuku.
Pasinaudodamas šiuo aprašytu algoritmu į savo test tinklalapį taip pat įsidėjau ir Twitter mygtuką.
1. Užeiname twitter.com/about/resources/buttons
2. Pasirenkame labiausiai patikusį mygtuką ir nusistatome kelis parametrus pagal save (asmeniškai - nieko nekeičiau)
3. Gautus kodus kopijuojame į:
a) skriptą kopijuojame į rootFolder/templates/yourTemplate/index.php taip pat tarp header tag'ų;
b) o likusią kodo į rootFolder/templates/yourTemplate/htm/com_content/articles/default.php virš paskutinio div.
4. Dabar turime du gražiai išdėstytus socialinių tinklų mygtukus

P.S. koregavau Joomla 2.5 failus, bet esmė visur vienoda

Paskelbta: 2012-03-10 07:36 nuo vandenilis13 #7402

Kad turėtume pilną komplektą, tą patį padariau ir su, žinoma, Facebook'u.
1. Nueiname šiuo link'u developers.facebook.com/docs/reference/plugins/like/
2. Nustatymu daugiau, bet kaip ir anksčiau viską nusistatom pagal savo poreikius.
3. Vėl tokių pat kodų kopijamis į tuos pačius failus, tik vienas skirtumas, jog Facebook'as prašo skriptą talpinti po body atidarymo tag'u.

Visi veiksmai atlikti, bet rezultatas man nepatiko, nes išsidėstymas nėra viename lygyje:

Apsirašydamas duotą fb-like class CSS faile Facebook mygtuką patraukiau į kairę pusę, tačiau nepavyko jo kilstelti kelių px į viršų,
Gal kas pabandysite ir parašysite kaip išspręsti šią problemą?

P.S. esu atsisiuntęs FB plugin, tad pas mane test tinklalapy atrodo patenkinamai:

Tačiau kam nors gal tai netiks

Daugiau...

Aptarkite šį straipsnį forume

Norėdami dalyvauti diskusijoje turite prisijungti arba užsiregistruoti .