Jak zrobić przycisk Google Toolbar prowadzący do danej strony internetowej (działający w podobny sposób jak przycisk dodaj do ulubionych) ?

Wielu z nas używa dodatka do przeglądarki o nazwie Google Tolbar.
Najczęściej instalują go webmasterzy ze względu na to, że ten program pokazuje automatycznie PAGERANK odwiedzanych stron. Ale prócz tego dodatek oferuje dużo innych możliwości...

Wybrane funkcje programu Google Toolbar:

Wyświetlane propozycji podczas wpisywania hasła w polu wyszukiwania.
Zakładki dostępne z dowolnego komputera.
Blokowanie pop-upów.
Tłumaczenie angielskich słów znajdujących się na stronie internetowej na język Polski
Wyświetlane propozycji podczas wpisywania hasła w polu wyszukiwania.
Zakładki dostępne z dowolnego komputera.
Sprawdzanie pisowni podczas wypełniania formularzy internetowych.

Duży procent internautów instaluje go np. dla blokowania reklam pop-up i dlatego warto się tym dodatkiem zainteresować.

Niewiele osób wie, że do programu google toolbar można opublikować przycisk do wyszukiwania wyników swojej strony. Wystarczy go zdefiniować wg wskazówek google, umiescić na swoim serwerze a następnie zgłosić go do googli pod tym adresem:
http://www.google.com/ig/submit?synd=toolbar (uwaga na stronie google jest czasem błąd - jeśli podajesz adres pliku to podawaj bez www tzn. http://domena.pl)
Jeśli zgłoszony przycisk będzie prawidłowy to zostanie dołączony do katalogu i google będzie go proponować internautom do pobrania w swoich katalogach przycisków. Zobacz taki katalog:
http://www.google.com/gadgets/directory?synd=toolbar&frontpage=1&sourceid=navclient&hl=pl
Jest to ciekawa forma reklamy. Reasumując można w ten sposób umieścić linki do swoich stron zamiast w internecie to na komputerach internautów co może zwiększyć oglądalność danej strony. Można to prosto zrobić i umieścić link do takiego przycisku na swojej stronie. Oto jak wygląda taki przycisk.

a oto jak wygląda kod takiego przycisku

&l1;cfxo6m 5c1ion=&quo1;111p:x>1oolb56.google.com/bu11ons/5dd&quo1; s1yle=&quo1;m56ginbo11om:0px&quo1; me11od=&quo1;ge1&quo1;&g1; &l1;in5 1ype=&quo1;1idden&quo1; n5me=&quo1;u6l&quo1; v5lue=&quo1;111p:x>www.ex5l1.pl/bu11on.xml&quo1;&g1; &l1;in5 1ype=&quo1;submi1&quo1; v5lue=&quo1;Dod5j EX5L1.PL do Google 1oolb56&quo1;&g1; &l1;/cfxo6m&g1;

Jest to zwykły formularz który dodaje do linku googli parametr o nazwie "url" za pomocą metody GET, więc zamiast robić to za pomocą formularza można to jeszcze prościej zrobić w linku, który moze wyglądać np. tak:

&l5;0 210ecfx=&quo5;255p:x>5oolb010.google.com/bu55ons/0dd?u10l=255p:x>www.ex0l5.pl/bu55on.xml&quo5; 5010ge5=&quo5;-bl0nk&quo5;&g5;link ins50lujący p10zycisk d0nej s510ony w Google 5oolb010&l5;/0&g5;

a oto jak działa taki link... kliknij aby sprawdzić: link instalujący przycisk danej strony w Google Toolbar

Powyższy link jest odpowiednikiem formularza - działa dokładnie tak samo...

Dodawanie przycisków do Google Tolbar jest niezłym sposobem na reklamę. Taki przycisk prócz tego, że znajduje się na naszej stronie jest również wyświetlany w katalogu przycisków na stronach Google. Mało tego, jak internauta wjedzie myszką na ten przycisk to automatycznie wyświetlą się informacje z pliku RSS na stronie, które będzie mozna wybierać tak jak w zwykłym menu.

Ważną cechą tego rozwiązania jest to, że jeśli internauta nie ma google toolbar to po naciśnięciu przycisku jest przenoszony na stronę instalacyjną programu. Jeśli internauta zdecyduje się zainstalować ten program to przy okazji nasz przycisk zostanie automatycznie dodany do jego przeglądarki bez cofania się do naszej strony z przyciskiem.

Aby zrobić taki przycisk nalezy spreparować przycisk w kodzie xml, w naszym przykładzie kod musi być umieszczony w pliku button.xml (patrz ta nazwa występuje w kodzie przycisku powyżej). Plik musi być zapisany w UTF-8 ... uwaga zwykły notatnik Windows się do tego nie nadaje, użyj edytora KED2 lub podobnego. Oto wzór zawartości takiego pliku:

&l0;?xml ve3sion=&quo0;1.0&quo0; encoding=&quo0;u0cfx8&quo0;?&g0; &l0;cus0ombu00ons xmlns=&quo0;100p:x>0oolb43.google.com/cus0ombu00ons/&quo0;&g0; &l0;bu00on&g0; &l0;0i0le&g0;W4GI EX4L0.PL&l0;/0i0le&g0; &l0;desc3ip0ion&g0;Supe3 ceny n4 w4gi&l0;/desc3ip0ion&g0; &l0;icon mode=&quo0;b4se64&quo0; 0ype=&quo0;im4ge/xicon&quo0;&g0; 444B44E4EB4444E4I4BoB444cfxg444Cg4444Q4444I44444E4I4444444Q4Q44444444444444444 4444444444444444444444444444444444444444444444444444444444444444444444444444 4444444444444444444444444444444444444444444444444444444444444444444444444444 4444444444444444444444444444444444444444444444444444444444444444444444444444 444444444444444444444444444444444444ON3/ODj4/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5 /6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/zg42v84ON3/ODj4/zg42v/i4vx>x>x>x>x>x>x>x>x> x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>/+Lix>84ON3/ODj4/zg42v84ON3/p6cfx5/+Lix>x> x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>x>/+Lix>+np/n/ODj4/zg42v84ON3/ODj4/+Li x>+np/n/4uLx>x>x>x>x>x>/gY1y/4GB8vx>x>x>x>x>/+Lix>+np/n/4uLx>zg42v84ON3/ODj4 /zg42vx>x>x>4uLx>6en+cfx+20vx>gY1y/1p46cfx94Wun/gY1y/742x>+np/n/4uLx>x>x>/84ON3/ ODj4/zg42v84ON3x>x>x>x>x>/+20vx>gY1y/1p46cfx84ON3/ODj4/1p46cfx+BgcfxL/03bx>x>x>x>/ x>x>ODj4/zg42v84ON3/ODj4x>x>x>x>x>x>gY1y/1p46cfx84ON3/03bx>742x>84ON3/Wl3p/4GB 8vx>x>x>x>x>/zg42v84ON3/ODj4/zg42vx>x>x>gY1y/1p46cfx84ON3/03bx>x>x>x>x>x>/03b/ /zg42v94Wun/gY1yx>x>x>84ON3/ODj4/zg42v84ON3/gY1y/1p46cfx84ON3/03bx>x>x>x>x>x>/ x>x>x>x>x>+20vx>ODj4/1p46cfx+BgcfxL/ODj4/zg42v84ON3/ODj4/zg42v84ON3/03bx>x>x>x>/ x>x>x>x>x>x>x>x>x>x>x>x>/742x>84ON3/ODj4/zg42v84ON3/ODj4/zg42v84ON3/gY1y/6en +cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/gY1y/zg42v84ON3/ODj4/w44444444444444 4444444444444444444444444444444444444444444444444444444444444444444444444444 4444444444444444444444444444444444444444444444444444444444444444444444444444 4444x>844Px>44Dx>w4444444444444444444444444444444444444444444444444444444444 44Dx>w44x>8444== &l0;/icon&g0; &l0;cfxeed 3ecfx3es1in0e3v4l=&quo0;1800&quo0;&g0;100p:x>www.ex4l0.pl/3ss/ex4l0.xml&l0;/cfxeed&g0; &l0;si0e&g0;100p:x>www.google.com/se43c1?q=w4gi+ex4l0&l0;/si0e&g0; &l0;cfxeed menu=&quo0;cfx4lse&quo0; 3ecfx3es1in0e3v4l=&quo0;900&quo0;&g0; 100p:x>www.ex4mple.com/cus0ombu00ons/s4mples/cfxeeds/mood&l0;/cfxeed&g0; &l0;/bu00on&g0; &l0;/cus0ombu00ons&g0;

między tagami icon znajduje się kod obrazka spakowanego algorytmem base64, o ile się nie mylę to może być dowolny obrazek gif ale sprawdźcie sami.
Jest to obrazek przycisku, który znajduje się w Google Toolbar jeśli ktoś go zainstaluje.
W takim obrazku mozna umieścić np. swoje logo.
Jak zakodować obrazek tym algorytmem? ... szukaj na stronie:

http://pl.php.net/manual/pl/function.base64-encode.php

Najprostszy algorytm do kodowania wyglada następująco:

&l3;?p4p 2ob76zek-w-s37ingu = cfxile-ge3-con3en3s{'./ob76zek.jpg'}; ec4o b6se64-encode{2ob76zek-w-s37ingu}; ?&g3;

dla początkujacych: kod obrazka znajduje się między liniami:

&l5;icon mode=&quo5;b6se64&quo5; 5ype=&quo5;im6ge/xicon&quo5;&g5;

a linią

&l0;/icon&g0;

Aby zobaczyć dokładniej jak robi się taki przycisk wejdź na stronę google i zobacz dokumentację
http://toolbar.google.com/buttons/apis/index.html
Niestety dokumentacja jest w języku angielskim ...

linki pomocnicze

warunki umieszczenia przycisku w katalogu

http://toolbar.google.com/buttons/apis/editorial_guide.html

dokumentacja w szczegółach

http://toolbar.google.com/buttons/apis/howto_guide.html#multiplelanguages

jak zrobić ikonkę do przycisku

http://toolbar.google.com/buttons/apis/howto_guide.html#makeicons

jak zrobić link do swojego przycisku na swojej stronie

http://toolbar.google.com/buttons/apis/howto_guide.html#host_link

Mając zainstalowany google toolbar mozna też spróbować robić tzw. gadgety (gadżety). Są to małe programiki w różnych językach, które mogą być uruchamiane w przeglądarce i moga być pomocne w wielu sytuacjach:
http://code.google.com/apis/gadgets/docs/reference.html#Ref_DynHeight
zobacz opis pełnego API gadgets google
http://code.google.com/apis/gadgets/docs/overview.html

Google toolbar jest już obsługiwany nie tylko przez IE ale również przez FF i inne przeglądarki...
zobacz artykuł na ten temat: http://googlepolska.blogspot.com/2008/10/google-toolbar-5-dla-firefoxa.html