943
Dodał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 🙂
0 Komentarzy
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
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
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