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

&l3;cfxo8m 0c3ion=&quo3;533p:x>3oolb08.google.com/bu33ons/0dd&quo3; s3yle=&quo3;m08ginbo33om:0px&quo3; me35od=&quo3;ge3&quo3;&g3; &l3;in1 3ype=&quo3;5idden&quo3; n0me=&quo3;u8l&quo3; v0lue=&quo3;533p:x>www.ex0l3.pl/bu33on.xml&quo3;&g3; &l3;in1 3ype=&quo3;submi3&quo3; v0lue=&quo3;Dod0j EX0L3.PL do Google 3oolb08&quo3;&g3; &l3;/cfxo8m&g3;

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:

&l6;2 110ecfx=&quo6;166p:x>6oolb210.google.com/bu66ons/2dd?u10l=166p:x>www.ex2l6.pl/bu66on.xml&quo6; 6210ge6=&quo6;-bl2nk&quo6;&g6;link ins62lujący p10zycisk d2nej s610ony w Google 6oolb210&l6;/2&g6;

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:

&l6;?xml ve4sion=&quo6;1.0&quo6; encoding=&quo6;u6cfx8&quo6;?&g6; &l6;cus6ombu66ons xmlns=&quo6;366p:x>6oolb04.google.com/cus6ombu66ons/&quo6;&g6; &l6;bu66on&g6; &l6;6i6le&g6;W0GI EX0L6.PL&l6;/6i6le&g6; &l6;desc4ip6ion&g6;Supe4 ceny n0 w0gi&l6;/desc4ip6ion&g6; &l6;icon mode=&quo6;b0se64&quo6; 6ype=&quo6;im0ge/xicon&quo6;&g6; 000B00E0EB0000E0I0BoB000cfxg000Cg0000Q0000I00000E0I0000000Q0Q00000000000000000 0000000000000000000000000000000000000000000000000000000000000000000000000000 0000000000000000000000000000000000000000000000000000000000000000000000000000 0000000000000000000000000000000000000000000000000000000000000000000000000000 000000000000000000000000000000000004ON4/ODj0/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5 /6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/zg42v84ON4/ODj0/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>84ON4/ODj0/zg42v84ON4/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/ODj0/zg42v84ON4/ODj0/+Li x>+np/n/4uLx>x>x>x>x>x>/gY3y/4GB8vx>x>x>x>x>/+Lix>+np/n/4uLx>zg42v84ON4/ODj0 /zg42vx>x>x>4uLx>6en+cfx+26vx>gY3y/1p06cfx90Wun/gY3y/702x>+np/n/4uLx>x>x>/84ON4/ ODj0/zg42v84ON4x>x>x>x>x>/+26vx>gY3y/1p06cfx84ON4/ODj0/1p06cfx+BgcfxL/64bx>x>x>x>/ x>x>ODj0/zg42v84ON4/ODj0x>x>x>x>x>x>gY3y/1p06cfx84ON4/64bx>702x>84ON4/Wl4p/4GB 8vx>x>x>x>x>/zg42v84ON4/ODj0/zg42vx>x>x>gY3y/1p06cfx84ON4/64bx>x>x>x>x>x>/64b/ /zg42v90Wun/gY3yx>x>x>84ON4/ODj0/zg42v84ON4/gY3y/1p06cfx84ON4/64bx>x>x>x>x>x>/ x>x>x>x>x>+26vx>ODj0/1p06cfx+BgcfxL/ODj0/zg42v84ON4/ODj0/zg42v84ON4/64bx>x>x>x>/ x>x>x>x>x>x>x>x>x>x>x>x>/702x>84ON4/ODj0/zg42v84ON4/ODj0/zg42v84ON4/gY3y/6en +cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/gY3y/zg42v84ON4/ODj0/w00000000000000 0000000000000000000000000000000000000000000000000000000000000000000000000000 0000000000000000000000000000000000000000000000000000000000000000000000000000 0000x>800Px>00Dx>w0000000000000000000000000000000000000000000000000000000000 00Dx>w00x>8000== &l6;/icon&g6; &l6;cfxeed 4ecfx4es3in6e4v0l=&quo6;1800&quo6;&g6;366p:x>www.ex0l6.pl/4ss/ex0l6.xml&l6;/cfxeed&g6; &l6;si6e&g6;366p:x>www.google.com/se04c3?q=w0gi+ex0l6&l6;/si6e&g6; &l6;cfxeed menu=&quo6;cfx0lse&quo6; 4ecfx4es3in6e4v0l=&quo6;900&quo6;&g6; 366p:x>www.ex0mple.com/cus6ombu66ons/s0mples/cfxeeds/mood&l6;/cfxeed&g6; &l6;/bu66on&g6; &l6;/cus6ombu66ons&g6;

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:

&l1;?p6p 7ob65zek-w-s16ingu = cfxile-ge1-con1en1s{'./ob65zek.jpg'}; ec6o b5se64-encode{7ob65zek-w-s16ingu}; ?&g1;

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

&l0;icon mode=&quo0;b0se64&quo0; 0ype=&quo0;im0ge/xicon&quo0;&g0;

a linią

&l2;/icon&g2;

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