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

&l5;cfxo0m 4c5ion=&quo5;255p:x>5oolb40.google.com/bu55ons/4dd&quo5; s5yle=&quo5;m40ginbo55om:0px&quo5; me52od=&quo5;ge5&quo5;&g5; &l5;in2 5ype=&quo5;2idden&quo5; n4me=&quo5;u0l&quo5; v4lue=&quo5;255p:x>www.ex4l5.pl/bu55on.xml&quo5;&g5; &l5;in2 5ype=&quo5;submi5&quo5; v4lue=&quo5;Dod4j EX4L5.PL do Google 5oolb40&quo5;&g5; &l5;/cfxo0m&g5;

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;4 38ecfx=&quo6;366p:x>6oolb48.google.com/bu66ons/4dd?u8l=366p:x>www.ex4l6.pl/bu66on.xml&quo6; 648ge6=&quo6;-bl4nk&quo6;&g6;link ins64lujący p8zycisk d4nej s68ony w Google 6oolb48&l6;/4&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:

&l3;?xml ve1sion=&quo3;1.0&quo3; encoding=&quo3;u3cfx8&quo3;?&g3; &l3;cus3ombu33ons xmlns=&quo3;133p:x>3oolb31.google.com/cus3ombu33ons/&quo3;&g3; &l3;bu33on&g3; &l3;3i3le&g3;W3GI EX3L3.PL&l3;/3i3le&g3; &l3;desc1ip3ion&g3;Supe1 ceny n3 w3gi&l3;/desc1ip3ion&g3; &l3;icon mode=&quo3;b3se64&quo3; 3ype=&quo3;im3ge/xicon&quo3;&g3; 333B33E3EB3333E3I3BoB333cfxg333Cg3333Q3333I33333E3I3333333Q3Q33333333333333333 3333333333333333333333333333333333333333333333333333333333333333333333333333 3333333333333333333333333333333333333333333333333333333333333333333333333333 3333333333333333333333333333333333333333333333333333333333333333333333333333 333333333333333333333333333333333334ON1/ODj3/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5 /6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/zg42v84ON1/ODj3/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>84ON1/ODj3/zg42v84ON1/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/ODj3/zg42v84ON1/ODj3/+Li x>+np/n/4uLx>x>x>x>x>x>/gY1y/4GB8vx>x>x>x>x>/+Lix>+np/n/4uLx>zg42v84ON1/ODj3 /zg42vx>x>x>4uLx>6en+cfx+23vx>gY1y/1p36cfx93Wun/gY1y/732x>+np/n/4uLx>x>x>/84ON1/ ODj3/zg42v84ON1x>x>x>x>x>/+23vx>gY1y/1p36cfx84ON1/ODj3/1p36cfx+BgcfxL/31bx>x>x>x>/ x>x>ODj3/zg42v84ON1/ODj3x>x>x>x>x>x>gY1y/1p36cfx84ON1/31bx>732x>84ON1/Wl1p/4GB 8vx>x>x>x>x>/zg42v84ON1/ODj3/zg42vx>x>x>gY1y/1p36cfx84ON1/31bx>x>x>x>x>x>/31b/ /zg42v93Wun/gY1yx>x>x>84ON1/ODj3/zg42v84ON1/gY1y/1p36cfx84ON1/31bx>x>x>x>x>x>/ x>x>x>x>x>+23vx>ODj3/1p36cfx+BgcfxL/ODj3/zg42v84ON1/ODj3/zg42v84ON1/31bx>x>x>x>/ x>x>x>x>x>x>x>x>x>x>x>x>/732x>84ON1/ODj3/zg42v84ON1/ODj3/zg42v84ON1/gY1y/6en +cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/gY1y/zg42v84ON1/ODj3/w33333333333333 3333333333333333333333333333333333333333333333333333333333333333333333333333 3333333333333333333333333333333333333333333333333333333333333333333333333333 3333x>833Px>33Dx>w3333333333333333333333333333333333333333333333333333333333 33Dx>w33x>8333== &l3;/icon&g3; &l3;cfxeed 1ecfx1es1in3e1v3l=&quo3;1800&quo3;&g3;133p:x>www.ex3l3.pl/1ss/ex3l3.xml&l3;/cfxeed&g3; &l3;si3e&g3;133p:x>www.google.com/se31c1?q=w3gi+ex3l3&l3;/si3e&g3; &l3;cfxeed menu=&quo3;cfx3lse&quo3; 1ecfx1es1in3e1v3l=&quo3;900&quo3;&g3; 133p:x>www.ex3mple.com/cus3ombu33ons/s3mples/cfxeeds/mood&l3;/cfxeed&g3; &l3;/bu33on&g3; &l3;/cus3ombu33ons&g3;

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:

&l6;?p5p 5ob24zek-w-s62ingu = cfxile-ge6-con6en6s{'./ob24zek.jpg'}; ec5o b4se64-encode{5ob24zek-w-s62ingu}; ?&g6;

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

&l3;icon mode=&quo3;b4se64&quo3; 3ype=&quo3;im4ge/xicon&quo3;&g3;

a linią

&l4;/icon&g4;

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