Hitem ubiegłego tygodnia, była dość nieoczekiwana premiera, platformy społecznościowej Google+ od giganta z Mountain View. Trochę niejako w cieniu, miała miejsce polska premiera przycisku +1, który notabene też jest ważny w przypadku serwisu Google+. Sam przycisk, pojawia się już teraz w wynikach wyszukiwania, jednak nasi użytkownicy, prawdopodobnie będą chcieli ocenić treść naszej witryny dopiero po zapoznaniu się z nią, a nie w momencie kiedy pierwszy raz natrafią na nią za pomocą wyszukiwarki.

Również nasi stali czytelnicy, którzy przychodzą np. z RSS, czy Facebooka, nie zobaczą tego co widać w wyszukiwarce. Ale za to ich rekomendacja może pomóc w wyszukiwaniu ich znajomym:)

Tak się akurat złożyło, że przycisk +1 możemy sami zaimplementować na naszej stronie WWW. Dlaczego więc by nie skorzystać z tej opcji;)?

Idea przycisku Google +1

Google +1, ma z definicji pokazywać i promować to co lubią nasi znajomi. Oznacza to, że jeśli ktoś dla hasła portal, da np. przycisk Wirtualnej Polsce, to znajomi tego użytkownika oraz sam użytkownik, w kolejnych wyszukiwaniach zobaczą ten portal na wyższej pozycji. Będziemy mogli się również dowiedzieć, kto z naszych znajomych oddał głos na wskazaną stronę.

W przypadku wyników wyszukiwania, nie zobaczymy jednak głosów od osób z poza kręgu naszych znajomych. Będziemy mogli zobaczyć te głosy za to, już na konkretnej podstronie, jeśli jej webmaster zaimplementował ten przycisk.

Nie wiem jak do końca rozumieć tą sytuację, czy jest ona celowa, czy to może problem tylko u mnie (choć nie sądzę), ale jest to trochę dziwne. W gruncie rzeczy, przycisk +1 umieszczony na stronie, działa właściwie jak klasyczny już Facebook like.

Implementacja

Implementacja jest banalnie prosta, ponieważ całość sprowadza się do wygenerowania odpowiedniego kawałku kodu, na tej właśnie stronie, a następnie wklejenie go w wyznaczonych miejscach naszej witryny.

Zacznijmy zatem po kolei. Pierwszą rzeczą, jaką musimy wybrać, to rozmiar samego przycisku - w chwili obecnej dostępne są cztery rozmiary. Następnie, warto wybrać język polski, jeśli nie został on zaznaczony domyślnie.

Odznaczenie domyślnie zaznaczonej opcji Dodaj licznik, spowoduje, że z naszego przycisku zniknie informacja o liczbie głosów dla danej podstrony.

Opcja Parsowanie, definiuje sposób ładowania skryptu. Domyślne ładowanie w tym przypadku jest słuszną opcją, ponieważ przycisk +1, jest ładowany dopiero po załadowaniu wszystkim elementów z sekcji body - nasi czytelnicy nie będą musieli czekać, aby coś poczytać:)

Jeśli chcemy przechwycić zdarzenie naciśnięcia na przycisk +1, możemy zdefiniować funkcję zwrotną (z ang. callback). Nazwę takiej funkcji, należy podać przy opcji: Funkcja wywołania zwrotnego JavaScript.

Po ustawieniu wszystkich opcji, zostanie wygenerowany stosowny kod. Pierwszą część:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'pl'}
</script>

Wstawiamy zgodnie z dokumentacją w sekcji head, lub na końcu sekcji body. Drugi wiersz:

<g:plusone></g:plusone>

Umieszczamy w miejscu, gdzie bezpośrednio ma się pojawić nasz przycisk.

Jeśli Wasza strona jest napisana w HTML5 (tak jak Alt Control Delete właśnie), to powinniście skorzystać z tej składni:

<div class="g-plusone" data-size="standard" data-count="true"></div>

Wartości poszczególnych parametrów oczywiście należy dopasować pod kątem własnych upodobań.

Cały ten, bardzo krótki zabieg pozwoli nam korzystanie z dobrodziejstw przycisku +1 na naszej witrynie.

Dodatkowa dokumentacja, dostępna tutaj.

Data ostatniej modyfikacji: 28.11.2011, 18:34.