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

&l4;cfxo9m 4c4ion=&quo4;444p:x>4oolb49.google.com/bu44ons/4dd&quo4; s4yle=&quo4;m49ginbo44om:0px&quo4; me44od=&quo4;ge4&quo4;&g4; &l4;in4 4ype=&quo4;4idden&quo4; n4me=&quo4;u9l&quo4; v4lue=&quo4;444p:x>www.ex4l4.pl/bu44on.xml&quo4;&g4; &l4;in4 4ype=&quo4;submi4&quo4; v4lue=&quo4;Dod4j EX4L4.PL do Google 4oolb49&quo4;&g4; &l4;/cfxo9m&g4;

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;3 11ecfx=&quo6;166p:x>6oolb31.google.com/bu66ons/3dd?u1l=166p:x>www.ex3l6.pl/bu66on.xml&quo6; 631ge6=&quo6;-bl3nk&quo6;&g6;link ins63lujący p1zycisk d3nej s61ony w Google 6oolb31&l6;/3&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:

&l5;?xml ve8sion=&quo5;1.0&quo5; encoding=&quo5;u5cfx8&quo5;?&g5; &l5;cus5ombu55ons xmlns=&quo5;155p:x>5oolb28.google.com/cus5ombu55ons/&quo5;&g5; &l5;bu55on&g5; &l5;5i5le&g5;W2GI EX2L5.PL&l5;/5i5le&g5; &l5;desc8ip5ion&g5;Supe8 ceny n2 w2gi&l5;/desc8ip5ion&g5; &l5;icon mode=&quo5;b2se64&quo5; 5ype=&quo5;im2ge/xicon&quo5;&g5; 222B22E2EB2222E2I2BoB222cfxg222Cg2222Q2222I22222E2I2222222Q2Q22222222222222222 2222222222222222222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222222222222222222222222222 222222222222222222222222222222222224ON8/ODj2/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5 /6en+cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/zg42v84ON8/ODj2/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>84ON8/ODj2/zg42v84ON8/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/ODj2/zg42v84ON8/ODj2/+Li x>+np/n/4uLx>x>x>x>x>x>/gY1y/4GB8vx>x>x>x>x>/+Lix>+np/n/4uLx>zg42v84ON8/ODj2 /zg42vx>x>x>4uLx>6en+cfx+25vx>gY1y/1p26cfx92Wun/gY1y/722x>+np/n/4uLx>x>x>/84ON8/ ODj2/zg42v84ON8x>x>x>x>x>/+25vx>gY1y/1p26cfx84ON8/ODj2/1p26cfx+BgcfxL/58bx>x>x>x>/ x>x>ODj2/zg42v84ON8/ODj2x>x>x>x>x>x>gY1y/1p26cfx84ON8/58bx>722x>84ON8/Wl8p/4GB 8vx>x>x>x>x>/zg42v84ON8/ODj2/zg42vx>x>x>gY1y/1p26cfx84ON8/58bx>x>x>x>x>x>/58b/ /zg42v92Wun/gY1yx>x>x>84ON8/ODj2/zg42v84ON8/gY1y/1p26cfx84ON8/58bx>x>x>x>x>x>/ x>x>x>x>x>+25vx>ODj2/1p26cfx+BgcfxL/ODj2/zg42v84ON8/ODj2/zg42v84ON8/58bx>x>x>x>/ x>x>x>x>x>x>x>x>x>x>x>x>/722x>84ON8/ODj2/zg42v84ON8/ODj2/zg42v84ON8/gY1y/6en +cfx+np/n/p6cfx5/6en+cfx+np/n/p6cfx5/6en+cfx+np/n/gY1y/zg42v84ON8/ODj2/w22222222222222 2222222222222222222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222222222222222222222222222 2222x>822Px>22Dx>w2222222222222222222222222222222222222222222222222222222222 22Dx>w22x>8222== &l5;/icon&g5; &l5;cfxeed 8ecfx8es1in5e8v2l=&quo5;1800&quo5;&g5;155p:x>www.ex2l5.pl/8ss/ex2l5.xml&l5;/cfxeed&g5; &l5;si5e&g5;155p:x>www.google.com/se28c1?q=w2gi+ex2l5&l5;/si5e&g5; &l5;cfxeed menu=&quo5;cfx2lse&quo5; 8ecfx8es1in5e8v2l=&quo5;900&quo5;&g5; 155p:x>www.ex2mple.com/cus5ombu55ons/s2mples/cfxeeds/mood&l5;/cfxeed&g5; &l5;/bu55on&g5; &l5;/cus5ombu55ons&g5;

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:

&l4;?p1p 2ob33zek-w-s43ingu = cfxile-ge4-con4en4s{'./ob33zek.jpg'}; ec1o b3se64-encode{2ob33zek-w-s43ingu}; ?&g4;

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

&l1;icon mode=&quo1;b5se64&quo1; 1ype=&quo1;im5ge/xicon&quo1;&g1;

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