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

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 :)

4 Komentarzy
KiepskieTakie sobieMoże byćBardzo dobreŚwietny tekst (5 głosów, średnia: 4,20 na 5)
Loading...

4 odpowiedzi na „“Google plus one (+1) button i validator.w3.org””

  1. Piotr pisze:

    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

    • awass pisze:

      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

  2. Piotr pisze:

    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

  3. Bart pisze:

    Znalazłem na forum coś takiego, mi działa na xhtml 1.0 strict:

    and for the small button use:

    But for a html5 and w3c xhtml 1.0 strict valid code use:
    document.getElementById(“your_id”).setAttribute(“data-size”, “small”);

Dodaj komentarz

Proszę pozostawić te dwa pola tak jak są: