Jotkut teistä ovat jo varmaan ladanneet Google toolbar beta 4:n Internet Explorerille. Uudessa toolbarissahan on runsaasti uusia ominaisuuksia, kuten kustomoidut painikkeet, jotka mahdollistavat minkä tahansa hakukoneen tai sivuston haun liittämisen toolbariin. Tässä artikkelissa käymme läpi, miten voit luoda kustomoidun haku/suosikkipainikkeen omille sivustoillesi ja tarjoilla sitä myös vierailijoillesi. Hakuominaisuuden käyttö tosin vaatii sen, että sivustollasi on oma toimiva hakunsa.
Vaihe 1:
Luo sivustollesi suosikki-ikoni (favicon), jos sinulla ei jo sellaista ennestään ole. Periaatteessa mikä tahansa kuva käy, sillä Internet on täynnä favicon -generaattoreita, jotka muuttavat kuvasi ikoniksi. Lataa valmis ikoni sivustosi juurihakemistoon.
Vaihe 2:
Liitä <link rel=”shortcut icon” href=”/favicon.ico” > sivujesi <head> -osioon.
vaihe 3:
Luo .XML -tiedosto, esim. haku.xml. Liitä tiedostoon seuraavat tiedot:
<custombuttons>
<button>
<search>
http://www.sivusto.com.com/tiedosto.php?s={query}
</search>
<site>http://www.sivusto.com/</site>
<title>sivuston nimi</title>
<description>kuvaus sivustolle</description>
<icon mode=”base64″ type=”image/x-icon”>
AAABAAIAEBAAAAAAAABoBQAAJgAAACAgAAAAAAAAqAgAAI4FAAAoAAAAEAAAACAAAAABAAgAAAAA
AEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wBin30ArNq9ADFzSgDN/eAAhrugAEaTYABghG4A
5P/yAL7szwBPdl0AcauOAJ7MrwA5hlMAVZduAHKZgACCqpEAUohlAJXApQBFgl4A0v/uAGeOdQA9
eVEAyvLZAH20mQBbo3QAsePDAHKkhABcl3gAXI5uAE2XZwA/jFkAUo1uAGmmgAA0fE4AWoFoANz/
7gBIimAAQn5WAHivlADV/OMAa519AE2PZQBrpYgAYZNzAJK6oQDY//QATIJfAIC2kwBYk3QAWZty
AMTr0gBMh2gAjLqdAD6DWADX/+oAh8GeAEWIWwBimX4AU5JrAGWfggDO/+oAUYNjAFCNaQBgi3AA
YKJ5ADyJVgBCj1wATYlhAEmWYwBZi2sAVZBxAIO4nQBfnHoAbqCAAD16VgA9f1UAQ3lWAEWBWQBv
posAVohoAF2TcABRlGcANHZMAEKEWwBJhV0ASZFjADl7UgBJhmIAWoVqAEWNXwBflnsAQIhZAEuO
YQBOi2UAV5NrAFqfdADg/+4A0//kADuDVABSjmYAUJhpANX/5wChzLEATZJnAFiVcQBWm3AAWpd1
AGWigABDgFwAS4dfAEePYQBLiGQAUItsAHqxlgA/glUATnleAEaDYQDh//EA1v/tAD6GVwBHil0A
U4VlAFOQbgBxqI0AXpl6AGKcfwBAf1gAQ4ZZAEGLWwBHhl8AS41kAFCKZwBLlWUAUJJpAFWUbQDm
//QA0P/sAJ7OsQA/fFYATotpAFKPaQBWk3EAZZ2AAMLq0QCu2b4APHtUAECCWQBEg1wASoxiAFGO
bABfhm0AVJZsAN//8ADa/+0AO4VVAD6IWABBhlsARYddAEmIYQBMiWcAT4tjAE2QYwBOkGcAV5lw
AFqVdgBcmXcAZJ+AAN3/8ABDgFoAQYlbAEeRYQBJk2MAU5BsAEF9VQA+gFYAPYJXADyGVgBDf1cA
QIpaAEOFXACFup8ARoNdAEGOWwBGg18ASoZeAEeJXwBMiGAASodlAE2KZABNimYASpJkAE+JZgBM
kWYAUY1lAEyUZgBPjGoATpNoAFGOagBOmGgAUYxtAGGFbwBTkGoAVJNsAFSRbwBWmG8AYJJyAG2f
fwBdmHkAYJd8AGObfgAzdUwAOoRUAEF+WAA9hVcAP4lZAEiFXwBMjmQAT5FnAFSRawBimn0A3f/u
ANb/5wBChFoARY1eAEePYABOkGYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAC9Q022ExK0OQ9jApZc9BooG0tGhWLF5hshkwgQCyX1zkB1yFIiZ
sHo6mSbMcTVILI18×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×1nFbCYm2RTo2ehXn52H6Feo2cXGfMYU
JiZZM/YAx3IUJpcmFHx/73lPpDxUUMqueaS33rUri8bml5ejxgBycpiGsHvFiytmHKX5Kh5EUjwq
SUnPuLV/nxRBhrrnAEdtp0H91hR87X3yOl8VYoyMbxXkOvqR45Lm/f09bboAp4KOmJycJv6ICnRz
0qS9cBIlpHN3keAU2bDBmEghugCn6brnnZzVs0ayqlPNGBIEKakYltB9ioGHe9S6kLSOAIIOgj2c
nIf+Qyeq0paTtqIIflpRSZ6yqOicnOeC2o4AgtrYp1vVh4FDslpgWA87Vok7YBqlVTfo6J2dPY4g
jgD/ZAe5QXvVgUM3pGAa8PEi8b9YXqVnJYGHnJxbByDYAP8gB7nUe9WBQ7JaYFgPOx30ibsipVWM
/vx7W5ubIIIA/2
SOp/171YGI4jQqYJMRQBbdSnH5eLKBH9Rbp/9kggDYDuk9W3tLS4gK23PlNfMN
PqJ+u68DN0bVW5xHbQ7/ANhlbUece0uBRW/XNlHI96I5FsyWoMOURVecnZBIvJsAjryQo53m2etS
fRyVOmAXaGFKMM4MpXiafJg9R0famwCObW1H55zFkkQe8qWlajQnaDUqpaVpanmfQf2njumOAOdI
o+bW1tl8f+EuZ2da7owllKrsTwu1rhSw1pjnvOcALXJH1rCw/tn13JIlJUUxiDGKJTGPiNzGh9WY
FC1yowDHcsUmlyYmbIeB/ktLS4FGj0ZLwE4f1RTF2ebmo3JZAG72WRQUxcXF5tWwHx97h+iH1bD8
sNYU9cbFFGwUmW4AE7HHbhNuxsXm1tT7/HucnZzm1tSw1uZsbFluWVmxXADJTcmDgxPF5pjWmNb9
W5ydnZ2c1v3Ul7AmxjMTE74bAIWtXIODburW1pi6PZg9goI9PT2c59ZBlxRugxPJrRsAdqwbyfbH
xeaY50dHgoLp2P8H2G1t55ij9vaDgxsGjQChwgYbTQIzSJC8vNogZGQgICDa2m1tSKsCAt8brMIv
AD/TBoVcyRMto0e6B7mb/wcHgoKnuZgtx8ZuyRsyLKYA/////wAAAAEAAAABAAAAAQAAAAEAAAAB
AAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEA
AAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAE=
</icon>
</button>
</custombuttons>
koodissa punaisella merkityssä osassa tiedosto.php on se tiedosto, joka sisältää sivustosi hakuominaisuuden ja ?s={query} tarkoittaa hakulauseketta. Esimerkiksi Wordpress -blogissa hakuhan menee tällä kaavalla:
http://www.sivusto.com.com/index.php?s=hakusana
Tuo pitkä litania siansaksaa (sinisellä) .XML tiedostossa on siis suosikki-ikonisi muunnettuna tekstimuotoon. Muuntaminen onnistuu helposti täällä, lataat vain favicon.ico:n sinne ja painat “convert” -painiketta sekä kopioit annetun litanian .XML -tiedostoosi.
Vaihe 4:
Lataa .XML -tiedosto sivustosi juurihakemistoon.
Valmista tuli
Näin sinulla on valmis sivustosi pikahaku/suosikkipainike tarjottavaksi vierailijoillesi, jotka käyttävät Google Toolbar 4:ää. Voit tarjoilla sitä heille esimerkiksi painikkeen kanssa tai tekstilinkillä:
<a href=”http://toolbar.google.com/buttons/add?url=http://www.sivusto.com/haku.xml”><img src=”http://www.sivusto.com/favicon.ico” alt=”ALT-teksti”/></a>
<a href=”http://toolbar.google.com/buttons/add?url=http://www.sivusto.com/haku.xml”>Klikkaa tästä</a>
Tuloksena on siis esimerkiksi tämänkaltainen painike, mitä klikkaamalla Toolbar 4:n käyttäjät voivat lisätä sivuston painikkeisiinsa:
< --- saa klikata tuota, vaikka allekirjoittaneen maalaustaidot eivät ole kummoiset, kuten kuvasta näkyy ;)
Kuten sanottua, painike toimii sekä suosikki- että hakupainikkeena sivustolle. Jos käyttäjä esimerkiksi maalaa jonkin tekstin jollakin sivustolla ja klikkaa sivustosi painiketta toolbaristaan, lähetetään hänet sinun sivustosi hakutuloksiin. Samoin homma toimii Toolbarin hakulaatikolla; Jos käyttäjä kirjoittaa siihen hakusanan ja klikkaa sivustosi painiketta, läheteään hänet myös tällöin sivustosi hakutuloksiin.
Kannattaa muistaa, että tämänkaltaiset painikkeet tulevat tulevaisuudessa toimimaan ääninä sivustollesi, aivan kuten normaalit linkitkin toisilta sivustoilta.