Strona główna Google plus one (+1) button i validator.w3.org

Google plus one (+1) button i validator.w3.org

przez CoreBlog
Googlr plus one

Googlr plus oneDodałem ostatnio do swojej strony button Google Plus One i oczywiście jak próbowałem sprawdzić poprawność strony otrzymywałem błąd gdyż nie ma takiego tagu w xhtml jak <g:plusone></g:plusone>

Poradziłem sobie z tym małą sztuczką w Javascript mianowicie.

zamiast wspomnianego tagu wstawcie:

<div id=”GooglePlusOne”></div>

teraz trick:

Dodajcie funkcję w body  <body onload=”gplus();”>

Definicja funkcji:

 
function gplus(){
var gPlus = document.createElement( 'div' );
gPlus.className = "g-plusone";
gPlus.setAttribute("data-size","medium");
gPlus.setAttribute("data-count","true");
document.getElementById("GooglePlusOne").appendChild(gPlus);
}

Otrzymałem kilka pytań dlaczego używam kodu JS zamiast wstawić diva z class=”g-plusone”. A to dlatego żeby móc użyć atrybutów data-size i data-count które po umieszczeniu w DIV też są traktowane jako błąd przez W3C.
Dzięki tej małej zmianie wasza strona pozytywnie przejdzie wynik testu 🙂

3 komentarze

Piotr 5 listopada, 2012

no fajnie, tylko dlaczego po zastosowaniu tej wskazówki, nie wyświetla się ikonka z licznikiem g-plus na stronie. Podobnie zresztą, dzieje sie po zastosowaniu weryfikacji Tidy. Proszę- opublikuj jak leci, kod HTML, może jeszcze z uwagą, co wrzucić w HEAD, a co w BODY- o ile rzecz jasna jest taka konieczność.
Z góry dziękuję
Piotr

Odpowiedz
awass 5 listopada, 2012

Widze ze moje rozwiązanie przestało działać. Na teraz wstaw po prostu do diva class=”g-plusone”
niestety za wiele nie można manipulować tym guzikiem ale na pewno działa:) postaram się znaleść jakieś rozwiązanie dla xhtml i html w html5 działa.
No i oczywiścei musisz dodać w headerze strony skrypt http://apis.google.com/js/plusone.js

Odpowiedz
Piotr 5 listopada, 2012

zastosowałem taki myk, jak widać na tej stronie: http://www.impresia.com.pl/ , ale specjalnie nie jestem tym zachwycony, a więc pytanie- prośba z mego poprzedniego postu, pozostają aktualne- zatem życzę powodzenia i będę czekał na rozwiązanie, bo sam nic mądrego nie mogę wymyślić. Piotr

Odpowiedz

Napisz komentarz