![]() |
|
|
Página principal da API Primeiros passos na API Documentação sobre API Adicione seu botão à Galeria Galeria de botões |
Guia para personalizar botões na Barra de ferramentas Google 4 para o Internet ExplorerEste documento descreve como personalizar botões. Atualmente, os botões personalizados funcionam somente no Internet Explorer.SumárioO que é um botão personalizado?Um botão personalizado é um botão que você pode adicionar à Barra de ferramentas Google que pode ter capacidades personalizadas de navegação, pesquisa, envio e atualização. Fundamentalmente, um botão de pesquisa personalizado pode usar a maioria dos mecanismos de pesquisa de qualquer site, não apenas do Google. Um botão de pesquisa pode desempenhar qualquer uma das seguintes tarefas:
Um botão personalizado pode ter os seguintes recursos de interface do usuário:
Além das propriedades dos recursos de interface do usuário citadas, um botão personalizado pode ter as seguintes propriedades (salvas em um arquivo XML) que desempenham as tarefas listadas acima:
A barra de ferramentas a seguir exibe exemplos de botões personalizados para Slashdot, Wikipedia e BBC (destacado). O botão BBC é um feed de notícias com uma lista suspensa de manchetes (conforme indicado pela seta para baixo).
Como adicionar um botão personalizadoPara adicionar ou gerenciar botões personalizados na Barra de ferramentas Google:
Criar e adicionar automaticamente um botão de pesquisa personalizado
Resultado: O botão personalizado está instalado e disponível para uso imediato. Nos bastidores, esse procedimento cria um arquivo XML do botão personalizado com um ícone e salva-o com um nome embaralhado em:
Essa abordagem tem uma vantagem sobre a construção manual de um botão de pesquisa personalizado, já que é útil para os sites que usam solicitações de POST ou redirecionamentos nos seus sites que dificultam determinar o Arquivo XML do botão personalizado
As propriedades e o comportamento de um botão personalizado são definidos em um arquivo XML com um
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://www.wikipedia.org</site>
</button>
</custombuttons>
OBSERVAÇÃO – Não há problemas em inserir linhas novas e espaços em qualquer lugar das strings do URL no arquivo XML – a barra de ferramentas irá separá-los quando interpretar o arquivo. Isso significa que você precisa se certificar de que se seu URL precisar de espaços (você não vai querer que fiquem separados), os substituirá por "%20" (caso o navegador ainda não o tenha feito). Muitos dos exemplos seguintes exibem o URL digitado em duas linhas com uma linha nova no meio do URL, o que funciona perfeitamente.
OBSERVAÇÃO – Ao longo dos exemplos nesse guia, somente a parte do código XML dentro do
Criar e instalar manualmente um botão personalizadoPara instalar um botão personalizado na Barra de ferramentas Google:
Adicionar um título de botão e uma dica
Conforme exibido a seguir, use
Use
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://www.wikipedia.org</site>
<title>Wikipedia</title>
<description>The Free Encyclopedia</description>
</button>
</custombuttons>
Botão de pesquisa personalizadoA Barra de ferramentas Google também permite que você crie um botão para executar a maioria dos mecanismos de pesquisa de qualquer site usando o termo que o usuário digitar na caixa de pesquisa da barra de ferramentas Os dois exemplos a seguir incluem um botão para pesquisar o wikipedia.org usando o mecanismo de pesquisa Wikipedia, e outro botão para pesquisar na Internet usando o mecanismo de pesquisa Google.
Para fazer isso, adicione um elemento de pesquisa no formulário OBSERVAÇÃO – Um elemento Botão personalizado para pesquisa Wikipedia
Por exemplo, para criar um botão para pesquisar no wikipedia.com usando o mecanismo de pesquisa Wikipedia, comece com a consulta mais simples do Wikipedia para qualquer termo, como “dog”:
<search>http://en.wikipedia.org/wiki/Special:Search?search=
Adicionando esse elemento de pesquisa ao botão anterior, obtemos:
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://www.wikipedia.org</site>
<title>Wikipedia</title>
<description>The Free Encyclopedia</description>
<search>http://en.wikipedia.org/wiki/Special:Search?search=
Observe que o “e” comercial (&) no URL é derivado como " Botão personalizado para pesquisa Google
Para criar um botão para pesquisar na Internet usando o mecanismo de pesquisa Google, comece com a consulta mais simples do Google para qualquer termo, como “dog”:
<search>http://www.google.com/search?q={query}</search>
Veja um exemplo: Pesquisa Slashdot
<search>http://slashdot.org/search.pl?query={query}</search>
Enviar uma ação de pesquisa como POST
Para enviar ações de pesquisa como POST em vez de GET, inclua um atributo A pesquisa OnionEste exemplo usa um método de postagem para enviar dados de postagem (destacados): <search method="post">http://www.theonion.com/content/search/node ?edit%5Bkeys%5D={query}</search> Atualizar um botão personalizadoO URL de download que você usa para hospedar o arquivo XML para o botão passa a ser o ID exclusivo do botão para atualizar o botão. Se uma segunda tentativa for feita para fazer o download de um botão do mesmo URL, a barra de ferramentas oferecerá somente a substituição do antigo, e não a adição de um novo.
Das cinco maneiras para adicionar um botão, a primeira e a última sabem automaticamente de onde as atualizações do botão devem partir, e qualquer valor <update>http://buttons.com/updated_button.xml</update> Opções de botão
Um botão pode especificar uma string de opção definida localmente usando a tag
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Weather</title>
<option>
<title>Zip code</title>
<description>Enter a US zip code. For example, 94043 is Mountain View, CA</description>
<default>94043</default>
</option>
<site>http://www.google.com/search?q=weather+{option1}</site>
</button>
</custombuttons>
É necessário dar um título para a opção. A configuração padrão e a descrição não são necessárias. Use a variável {option1} dentro de qualquer especificação do modelo do url para inserir o texto do usuário. Não há validação ou sobra de espaço em branco da entrada nesse momento, e a variável {option1} derivará seja o que for que o usuário digitou usando uma escape de parâmetro utf-8 e cgi, exatamente como uma caixa de edição de texto em um envio de formulário faria. Incluir o URL atual
Além de enviar a consulta da pesquisa, você também pode especificar o URL atual que o navegador exibe de três maneiras diferentes:
Este exemplo usa
<site>http://web.archive.org/web/*/
O exemplo seguinte fará a mesma pesquisa archive.org , mas usando
<site method="post">http://www.archive.org/searchresults.php?search=
E se você quiser usar o mecanismo de pesquisa Google para pesquisar dentro do site atual, use
<search>http://www.google.com/search?q=site:
Incluir o sufixo de domínio do Google
A Barra de ferramentas Google tem uma variável
Você deve usar a variável
<search>http://www.google.
Enviar o texto selecionado pelo usuárioVocê também pode permitir que um botão personalizado envie uma parte do texto comum que pode ser selecionado na página da web pelo usuário. Isso poderia ser útil para um serviço de tradução, ou talvez um aplicativo de blog ou mensagem. Um ícone de texto pequeno aparece no ícone do botão personalizado quando o texto for selecionado.
Essa operação exige o elemento
<send>http://www.google.com/search?hl=en&lr=&q=define%3A+
Os botões personalizados com operações de envio também aparecerão no menu de contexto do botão direito do mouse do navegador quando o texto for selecionado. Testar se há ou não uma variável
À medida que a barra de ferramentas evolui, mais variáveis do URL podem ser implementadas. Para fornecer uma compatibilidade recíproca com essas novas variáveis, a sintaxe {param_to_be_tested?use this text if the param is implemented:use this text if not}
Em resumo, permite que o autor de um botão personalizado avançado use com segurança um novo recurso, e permite a compatibilidade com parsers antigos que não conhecem esse novo recurso. Por exemplo, suponha que a variável {locale} foi introduzida. Um modelo do URL como esse poderia ser usado para garantir que as barras de ferramentas antigas não sejam afetadas: <site>http://www.google.com/{locale??hl={locale}}</site>
Se a barra de ferramentas suportar a variável {locale}, poderia expandir para: <site>http://www.google.com/?hl=en</site> Se não estiver, então: <site>http://www.google.com/</site>
Você pode agrupar expressões <site>http://www.google.com/{locale??hl={domain?{domain}:{query}}}</site>
Também deve ser observado que toda vez que uma escape for usada e não for reconhecida, o parser substituirá uma string vazia. Então Hell{blah}o World. aparecerá como Hello World. E se houver um número desequilibrado de caracteres de chaves '{' ou '}', ou qualquer outro problema de análise, todo o URL simplesmente reajustará para uma string vazia. Como fazer ícones bonitosA maioria dos ícones que são usados como ícones favoritos também podem ser usados como ícones de um botão personalizado. Isso inclui imagens em BMP, ICO, GIF, e JPEG em 16x16. Você só precisa codificá-los no texto ASCII usando a codificação de base64. Há muitos sites na Internet que farão a codificação para você -- por exemplo, este. Nesse site, use o botão "Browse..." (Navegar) para selecionar o arquivo que você deseja codificar, em seguida clique no botão "Convert the source data" (Converter dados da fonte) para iniciar a codificação. Javascript e PHP também têm comandos de uma linha única para a codificação de base64.
Aqui está um ícone do Gmail na base64 -- use um elemento
<icon mode="base64" type="image/x-icon">
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ONr/ODja/6en+f+np/n/p6f5/6en+f+np/n/p6f5
/6en+f+np/n/p6f5/6en+f+np/n/p6f5/zg42v84ONr/ODja/zg42v/i4v//////////////////
/////////////////////////////////////+Li//84ONr/ODja/zg42v84ONr/p6f5/+Li////
/////////////////////////////////////////+Li//+np/n/ODja/zg42v84ONr/ODja/+Li
//+np/n/4uL/////////////gYHy/4GB8v///////////+Li//+np/n/4uL//zg42v84ONr/ODja
/zg42v//////4uL//6en+f+2tv//gYHy/1pa6f9aWun/gYHy/7a2//+np/n/4uL///////84ONr/
ODja/zg42v84ONr///////////+2tv//gYHy/1pa6f84ONr/ODja/1pa6f+BgfL/trb/////////
////ODja/zg42v84ONr/ODja////////////gYHy/1pa6f84ONr/trb//7a2//84ONr/Wlrp/4GB
8v///////////zg42v84ONr/ODja/zg42v//////gYHy/1pa6f84ONr/trb/////////////trb/
/zg42v9aWun/gYHy//////84ONr/ODja/zg42v84ONr/gYHy/1pa6f84ONr/trb/////////////
//////////+2tv//ODja/1pa6f+BgfL/ODja/zg42v84ONr/ODja/zg42v84ONr/trb/////////
/////////////////////////7a2//84ONr/ODja/zg42v84ONr/ODja/zg42v84ONr/gYHy/6en
+f+np/n/p6f5/6en+f+np/n/p6f5/6en+f+np/n/gYHy/zg42v84ONr/ODja/wAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAA//8AAP//AAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAD//wAA//8AAA==
</icon>
Os ícones do botão personalizado podem ser maiores do que 16x16, mas a barra de ferramentas os diminuirá para 16x16, então além de serem maiores do que o necessário, não parecerão tão bonitos como se você os tivesse diminuído usando um editor de imagem de alta qualidade. Os ícones mais bonitos são aqueles que usam 24 bits de cor (RGB) e 8 bits de alfa, e são salvos como ícones RGBA com estilo XP. Você pode salvar o ícone como um PNG 16x16 com transparência alfa, convertê-lo em um ícone 16x16 de estilo XP (usando um programa como o IconWorkshop), e então fazer a codificação de base64. Os arquivos PNG não são suportados diretamente, uma vez que o Windows como padrão não suporta arquivos PNG sem fazer um link em muitas outras coisas. A razão pela qual você precisa usar um canal alfa é porque a cor de fundo da barra de ferramentas de todos não terá o mesmo cinza, prata ou bege que você selecionar. O Windows XP permite que os usuários personalizem o esquema de suas cores, incluindo os fundos da barra de ferramentas. Você pode obter uma aproximação fazendo um ícone quadrado que não possui partes transparentes, mas não são tão interessantes. Os canais alfa de uma cor só, como imagens GIF, terão bordas externas arredondadas com aparência granulada comparados com um ícone com mistura de alfa construído adequadamente, como os da Barra de ferramentas Google ou o próprio Internet Explorer. Ícones de auto-atualização e dicasUma das coisas mais interessantes que um botão personalizado pode fazer é atualizar a imagem do seu próprio botão e a dica em um servidor remoto em intervalos específicos. Utiliza um feed RSS para fazer a atualização. Isso permite que um botão seja usado como um dispositivo de notificação, ou como um ícone de status (por exemplo, o clima, ou o que você puder imaginar). Um botão também pode ter um menu suspenso com itens individuais com texto ou ícones. Cada item do menu pode ter seu próprio URL dinâmico para lançar quando for clicado. Há exemplos na próxima seção. Adicionar um feed RSS
Os feeds RSS usam o elemento <feed refresh-interval="1800">http://rss.cnn.com/rss/cnn_topstories.rss</feed> O protocolo para obtenção desses feeds de atualização é Atom 1.0, Atom 0.3, RSS 2.0, ou RSS 1.0. Feeds padrão geralmente funcionarão. Utilizar um feed para atualizar o ícone do botão/dicaPara atualizar o ícone na barra de ferramentas, ou na descrição da sua dica, de um feed, você precisa adicionar uma extensão específica da barra de ferramentas para RSS ou ATOM usando um espaço do nome. Veja abaixo um exemplo de um botão de anel de humor que é retirado de um feed: <?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Mood ring</title>
<description>Your virtual mood ring</description>
<site>http://www.google.com/search?q=mood+ring</site>
<feed menu="false" refresh-interval="900">
http://www.example.com/custombuttons/samples/feeds/mood</feed>
</button>
</custombuttons>
Observe que especifica Se fosse designado em um servidor real, o resultado do feed se pareceria com isto: <?xml version='1.0'?>
<feed xmlns='http://www.w3.org/2005/Atom'
xmlns:gtb='http://toolbar.google.com/custombuttons/'>
<id>http://www.example.com/custombuttons/samples/feeds/mood</id>
<title>Mood</title>
<link href='http://www.google.com/search?q=+ring' />
<link rel='self'
href='http://www.example.com/custombuttons/samples/feeds/mood' />
<gtb:description>Bluegreen:
Inner emotions charged, somewhat relaxed</gtb:description>
<gtb:icon mode="base64" type="image/x-icon">
AAAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAMAA
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAGAAAAHAAAAEAAAABhAAAAcwAAAHQAAABpAAAAVQAAAD4AAAApAAAAGAAAAAoAAAAD
AAAAAQAAAAAAAAAAAAAAESZIXl4zdJvAXbHS8m3C3f9LnrrLFUtsmwILEX4AAABzAAAAYQAAAEcA
AAAqAAAAEwAAAAcAAAACAAAAACs9RTNOjrDtW6nS/53u/f+n/P//hej//2bP/P9Fq93wHGaNrxEv
O4kAAAB6AAAAXwAAADwAAAAfAAAADAAAAANihaWST6XK/0h/kcAdKCyWKTtAgVJ/kIhytNKse873
9E+w6v9RuN39SXuJpgQHCIoAAAB2AAAAUQAAACsAAAAPb6nU7mK65v9jqs76KkNPqAUICJoAAACE
AAAAaxUgJWBkrMiwsvv+//D+/v+y1NniIj1FnAAAAIgAAABcAAAALHS74PV1zPn/c835/1Oezv9N
iq7vNVRjrxUiJ5kBAgORAQICh3uLjZz3+vr1+f///4PL5/wvVmusAAAAigAAAFNyu+TPdtL8/0Cp
7v8ng8X/CFOH/ytpjv86gJ//R46z+Th6jsovVmCsd56pxNf2/f9TuPH/W7fs/ypGV6UAAAByf77Y
r02y7P9Zwfb/puH3/y+AtP8jZ5f/KWKH/0p7hP+ZrVr/zcUt/9vMKf/bzSz/tsBP/3OzrP9kl7Pp
AAAAgHGdpThatuT/0fn+//b///+V0uv/NICu/4mvfP/czjL/3M0v/9rMKP/dzzT/3c83/9vNLf/b
zS//nrWA/gAAAIMAMzMFbrrd2d/+///5////t+n6/4q6nf/czzX/3tA+/97QPf/czjP/3dA7/97R
Qv/czjD/3M4z/9DHLPoAAAB/AAAAAWShtUix5+//5v7+/5Hf7//Bvjn/3M0v/9/SSP/g1FL/39RR
/+DVWv/e0kf/3tFA/9zNL//bzCj/AAAAbwAAAAAAAAADcq7Fmpzo8f9rsL3/2ssl/93POf/f0kj/
49pu/+ffhP/q45b/49pp/97SSv/czS//yb0q4wAAAE8AAAAAAAAAAF54hhNrq77BXpCj/7+7Of/c
zjH/3tFH/+bdeP/w7cv/9PLa/+zlnf/g1VP/1so5/mBfJHsAAAArAAAAAAAAAAAAAAABa5GgIHWs
t/dymG3/3tE//9/UUv/o4Ij/9PHT//v67P/v6a3/08xY/3uMX6UAAAAuAAAAEAAAAAAAAAAAAAAA
AAAAAAKSvb9YSoWa+WyagP+wv2X/4NRO/+ngfv/m4Zf/rLeB+lpubIkAAAAlAAAADgAAAAMAAAAA
AAAAAAAAAAAAAAAAAAAAAoqvuDxkkp2gYo+c51mHkv9lk5v/Y4eNtlBfaEgAAAAWAAAACQAAAAIA
AAAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAMAA
AADgAAAA8AEAAA==
</gtb:icon>
</feed>
O exemplo acima é um feed Atom 1.0, com o espaço do nome dos botões personalizados Google especificados como: xmlns:gtb='http://toolbar.google.com/custombuttons/' Para sobrepor uma dica que veio com o botão, especifique: <gtb:description> new-description </gtb:description> Para sobrepor o ícone que veio com o botão, especifique: <gtb:icon> icon-base64-code </gtb:icon> O script PHP que potencializa o sistema de análise de “humor” complexo se parece com: <?php
header('Content-type: text/xml');
switch(rand(1, 7)) {
case 1:
$icon = "amber.ico";
$desc = "Amber:\nNervous, on edge, uncertain";
break;
case 2:
$icon = "black.ico";
$desc = "Black:\nTense, stressed, working too hard";
break;
case 3:
$icon = "blue.ico";
$desc = "Blue:\nComfortable, breeze, at rest, loveable";
break;
case 4:
$icon = "bluegreen.ico";
$desc = "Bluegreen:\nHeightened inner emotional state, moderately relaxed";
break;
case 5:
$icon = "gray.ico";
$desc = "Gray:\nAnxious, ill at ease, strained";
break;
case 6:
$icon = "green.ico";
$desc = "Green:\nSteady, stable, no emotional turmoil";
brea;
case 7:
$icon = "purple.ico";
$desc = "Dark Blue:\nImpassioned, delighted, whiff of romance";
break;
}
$icon = base64_encode(file_get_contents($icon));
echo "<?xml version='1.0'?>";
echo "\n<feed xmlns='http://www.w3.org/2005/Atom' xmlns:gtb='http://toolbar.google.com/custombuttons/'>";
echo "\n<id>http://www.example.com/custombuttons/samples/feeds/mood</id>";
echo "\n<title>Mood</title>";
echo "\n<link href='http://www.google.com/search?q=$mood+ring' />";
echo "\n<link rel='self' href='http://www.example.com/custombuttons/samples/feeds/mood' />";
echo "\n<gtb:description>$desc</gtb:description>";
echo "\n<gtb:icon mode='base64' type='image/x-icon'>$icon</gtb:icon>";
echo "\n</feed>";
?>
Os ícones devem estar na mesma pasta que o script. Utilizar um feed para atualizar os ícones do botão e do menu suspenso
Você também pode adicionar ícones baseados no servidor para os itens individuais no menu suspenso do feed. Veja abaixo um exemplo de um botão de clima que possui um feed com um menu suspenso (a configuração padrão), mas também especifique
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Weather 94043</title>
<description>Weather updates for Mountain View, CA</description>
<site>http://www.google.com/search?q=weather+94043&num=1</site>
<feed refresh-interval="3600" refresh-menuitem="false">
http://www.example.com/custombuttons/samples/feeds/weather?zip=94043</feed>
</button>
</custombuttons>
A seguir há uma amostra de como o feed de clima se parece, com um ícone personalizado próximo de cada item do menu no menu suspenso (com a maioria das coisas de base64 do ícone removidas para clareza). De acordo com o exemplo acima, seria visível em: <?xml version='1.0'?>
<feed xmlns='http://www.w3.org/2005/Atom'
xmlns:gtb='http://toolbar.google.com/custombuttons/'>
<id>http://www.example.com/custombuttons/samples/feeds/weather</id>
<title>Weather Mountain View, CA</title>
<link href='http://www.google.com/search?q=weather+94043/' />
<link rel='self'
href='http://www.example.com/custombuttons/samples/feeds/weather' />
<gtb:description>Mountain View, CA
63F Mostly Cloudy
Humidity: 48%
Wind: NW at 8 mph</gtb:description>
<gtb:icon mode='base64' type='image/x-icon'>
R0lGODlhKAAoANUAAEuc/Pz8/Fik/Ii00k9daZGPivLy8tbW1k2R0uvr6wZj3HSq0f/QMMfHx7a2
tj2F0fu0EePj4yx81neUp4J/eKanphJq3IJtOGB3iI3C5BFt5B5XnWis7H2346jO5/6+IWKo8923
... and so on...
</gtb:icon>
<entry>
<title>Today: Mostly Cloudy 65 | 50</title>
<link href='http://www.google.com/search?q=weather+94043/' />
<id>http://www.example.com/custombuttons/samples/feeds/weather/0</id>
<gtb:icon mode='base64' type='image/x-icon'>
R0lGODlhKAAoANUAAEuc/Pz8/Fik/Ii00k9daZGPivLy8tbW1k2R0uvr6wZj3HSq0f/QMMfHx7a2
tj2F0fu0EePj4yx81neUp4J/eKanphJq3IJtOGB3iI3C5BFt5B5XnWis7H2346jO5/6+IWKo8923
... and so on...
</entry>
<entry>
<title>Thu: 66 | 51</title>
<link href='http://www.google.com/search?q=weather+94043/' />
<id>http://www.example.com/custombuttons/samples/feeds/weather/1</id>
<gtb:icon mode='base64' type='image/x-icon'>
R0lGODlhKAAoAPcAAAAAAP///4WOwPT1+tDT3unr8sHG1ff5/6Wy0mZ8rGqAr3mJrJakxa+zvHSK
tcDBw1R2slBql110njBXjztmqS9OfjtekTZWhGeJuoqctklLTgJYyQJQtQ9hzhRr3BZlzBVRoS1S
... and so on...
</gtb:icon>
</entry>
<entry>
<title>Fri: 67 | 51</title>
<link href='http://www.google.com/search?q=weather+94043/' />
<id>http://www.example.com/custombuttons/samples/feeds/weather/2</id>
<gtb:icon mode='base64' type='image/x-icon'>
R0lGODlhKAAoANUAAObm52ms7k2Q0Uuc/Fmk+v2zDoS01HOp0avP5tvb26CPXQZj3DqG14yLh05Y
Yf/IKv/VN3mCiMPDw6SkpCt82GhxePz8/JG+2pd5NRZu3hBq3fb29rCAFrm5uSN549OWE4WltqHI
... and so on...
</gtb:icon>
</entry>
<entry>
<title>Sat: 67 | 50</title>
<link href='http://www.google.com/search?q=weather+94043/' />
<id>http://www.example.com/custombuttons/samples/feeds/weather/3</id>
<gtb:icon mode='base64' type='image/x-icon'>
R0lGODlhKAAoANUAAObm52ms7k2Q0Uuc/Fmk+v2zDoS01HOp0avP5tvb26CPXQZj3DqG14yLh05Y
Yf/IKv/VN3mCiMPDw6SkpCt82GhxePz8/JG+2pd5NRZu3hBq3fb29rCAFrm5uSN549OWE4WltqHI
... and so on...
</gtb:icon>
</entry>
</feed>
Você pode usar o mesmo espaço do nome e descrição 'http://toolbar.google.com/custombuttons/' ou tags do ícone nos feeds RSS 1.0, RSS 2.0, Atom 1.0 e Atom 0.3 para os feeds da barra de ferramentas da mesma maneira. Diversos idiomasUm botão personalizado pode lidar com URLs, ícones e texto alternados para locais específicos da barra de ferramentas As duas maneiras para se fazer isso estão listadas abaixo – recomenda-se o primeiro método. Usar atributo local
O método recomendado para criar uma lista de tags XML, cada uma usando um atributo <?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Wikipedia</title>
<site>http://www.wikipedia.org</site>
<site locale="fr">http://fr.wikipedia.org</site>
<site locale="es">http://es.wikipedia.org</site>
<description>The Free Encyclopedia</description>
<description locale="fr">L'encyclopdie libre</description>
<description locale="es">La enciclopedia libre</description>
</button>
</custombuttons>
Se o local do idioma na barra de ferramentas atual não puder ser encontrado diretamente na tag XML, a primeira tag na lista acima é usada como a configuração padrão. Usar variável {locale}
O método alternado é para usar a variável Tabela do local do ISOOs locais na barra de ferramentas atualmente suportados são:
Onde hospedar seu botãoQual URL de download que você usa para hospedar o arquivo XML para o botão é muito importante, porque o URL passa a ser o ID exclusivo do botão para atualizar o botão. Se uma segunda tentativa for feita para fazer o download de um botão do mesmo URL, a barra de ferramentas oferecerá somente a substituição do antigo, e não a adição de um novo. Para obter mais informações, consulte Atualizar um Botão personalizado. Adicionar seu botão à Galeria de botões do GoogleAdicionar seu botão à Galeria de botões do Google é uma ótima maneira de fazer com que o mundo conheça seu novo botão. Seu arquivo XML já deve estar hospedado em algum lugar (a Galeria de botões fará um link diretamente com o arquivo) e o botão deve estar de acordo com nossas Diretrizes editoriais. Se você criou um botão para um site que seja seu, deve hospedar seu arquivo XML no mesmo domínio do seu site. Os botões na Galeria de botões do Google são marcados como "oficiais" se estiverem hospedados no mesmo domínio que o botão acessar. Assim, os usuários encontrarão o botão oficial para seu site com mais facilidade. Quando você tiver terminado, preencha o formulário de envio da Galeria de botões para que o Google conheça seu botão. Fazer um link com o botão do seu siteVocê pode disponibilizar seu botão no seu próprio site criando um link de instalação. Quando um usuário da Barra de ferramentas Google 4 clicar no link, estará pronto para instalar seu botão. Se o usuário não tiver uma versão compatível da Barra de ferramentas, o link irá para a página de download da Barra de ferramentas Google. Um desenvolvedor pode criar um link de instalação usando a seguinte sintaxe do URL: http://toolbar.google.com/buttons/add?url=url
onde url aponta para o arquivo XML do botão personalizado. Por exemplo, há um link que instalaria um botão Slashdot.com : <a href="http://toolbar.google.com/buttons/add?url=http://www.slashdot.org/slashdot_button.xml">Add</a> O marcador desse link é Adicionar. Quando um usuário clicar nesse link, o botão Slashdot.com foi instalado na sua Barra de ferramentas Google. O URL do Google acima é basicamente um acionador para a barra de ferramentas instalar qualquer botão personalizado. Se o usuário não tiver uma versão compatível da barra de ferramentas, estará pronto para instalá-la. Quando a barra de ferramentas tiver sido instalada, o botão personalizado será adicionado automaticamente. Gerenciar o tráfego de feedTráfego da web com feeds podem ser preocupantes. Um botão não deve apontar para seu feed em um servidor com banda larga baixa se você achar que se tornou popular e tem um tráfego pesado. O servidor pode ficar sobrecarregado com solicitações de atualização. O botão personalizado tem o seu próprio atributo de intervalo de atualização para feeds. A barra de ferramenta cumpre o período “Expirou" que o servidor fornece no cabeçalho HTTP. Essa configuração sobrepõe o intervalo de atualização do botão. Se o servidor estiver sobrecarregado, você poderia aumentar o período “Expirou” para reduzir a carga. Por exemplo, se um botão for ajustado para atualizar a cada hora, o período “Expirou” pode ser ajustado para todos os dias, o que reduziria em muito o tráfego (embora talvez limite as atualizações do botão).
Veja abaixo um script PHP de amostra para ajustar o período
<?php
$expires = gmdate("D, d M Y H:i:s", time() + 3600 * 24 * 7) . " GMT";
Header("Expires: " . $expires);
?>
Resposta HTTP de exemplo do servidor: HTTP/1.1 200 OK Date: Thu, 05 Jan 2006 23:39:54 GMT Server: Apache/2.0.47 (Red Hat Linux) Accept-Ranges: bytes X-Powered-By: PHP/4.3.2 Expires: Thu, 12 Jan 2006 23:39:54 GMT Transfer-Encoding: chunked Content-Type: text/htmlReferência Referência XMLUm arquivo XML do botão personalizado tem a seguinte estrutura:
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<!-- XML elements -->
</button>
</custombuttons>
Os seguintes elementos XML podem aparecer dentro de um elemento
Caracteres de escapeAs strings nos arquivos XML (e arquivos HTML) precisam dos três caracteres derivados a seguir como as entidades do HTML exibidas:
Referência de variáveis
OBSERVAÇÃO – Há uma sintaxe condicional
As seguintes variáveis, ou parâmetros de escape, são usadas nos elementos listados no escopo especificado. Por exemplo,
|