Adicionar Google Friend Connect no Google Sites

Publicado por Silvio Garbes Lara em 10/11/2010

[ Hits: 5.877 ]

 


Adicionar Google Friend Connect no Google Sites



Fonte: http://sites.google.com/site/silviogarbes/dicas/adicionar-google-friend-connect-no-google-sites

1. Acessar o Google Friend Connect (http://www.google.com/friendconnect/) e criar um Gadget Members. Guarde o código HTML.

2. Acessar o editor de Gadget (http://code.google.com/intl/pt-BR/apis/gadgets/docs/legacy/gs.html#GGE) e mesclar o código do Friend Connect. Ao final do script do friend connect inserir a linha:

<a href="javascript:alert(self.location.href)">.</a>

Essa linha será utilizada para exibir o nome do site. Ex.:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Friend Connect Silvio Garbes Lara" />
<Content type="html"><![CDATA[
   <!-- Include the Google Friend Connect javascript library. -->
   <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
   <!-- Define the div tag where the gadget will be inserted. -->
   <div id="div-1919396420641276248" style="width:276px;border:1px solid #cccccc;"></div>
   <!-- Render the gadget into a div. -->
   <script type="text/javascript">
   var skin = {};
   skin['BORDER_COLOR'] = '#cccccc';
   skin['ENDCAP_BG_COLOR'] = '#e0ecff';
   skin['ENDCAP_TEXT_COLOR'] = '#333333';
   skin['ENDCAP_LINK_COLOR'] = '#0000cc';
   skin['ALTERNATE_BG_COLOR'] = '#ffffff';
   skin['CONTENT_BG_COLOR'] = '#ffffff';
   skin['CONTENT_LINK_COLOR'] = '#0000cc';
   skin['CONTENT_TEXT_COLOR'] = '#333333';
   skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
   skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
   skin['CONTENT_HEADLINE_COLOR'] = '#333333';
   skin['NUMBER_ROWS'] = '4';
   google.friendconnect.container.setParentUrl('/site/silviogarbes/' /* location of rpc_relay.html and canvas.html */);
   google.friendconnect.container.renderMembersGadget(
    { id: 'div-1919396420641276248',
      site: '08194955941761012765' },
     skin);
   </script>
   <a href="javascript:alert(self.location.href)">.</a>
]]></Content>
</Module>

3. Clicar em "file" -> "save as" -> coloque o nome de "friendconnect.xml" -> ok. Obs.: Para aparecer o "save as" deve-se esta logado no site.

4. Observar se a primeira linha é "<?xml version="1.0" encoding="UTF-8"?>" e não "<?xmlversion="1.0"encoding="UTF-8"?>". No meu caso consegui corrigir com o Firefox.

5. No canto superior direito do editor aparece "friendconnect.xml". Clique nele. Será aberta uma nova página. Cópie esse endereço. Ex.:

http://hosting.gmodules.com/ig/gadgets/file/102772879044601058754/friendconnect.xml

6. Acessar o Google Sites (Ex.: http://sites.google.com/site/silviogarbes/), ir na página que você quer inserir o friend connect e editá-la.

7. Clicar em inserir -> Mais Gadgets -> Adicionar gadget pela URL -> coloque seu cadget (ex.: http://hosting.gmodules.com/ig/gadgets/file/102772879044601058754/friendconnect.xml) -> ok.

8. Salve a página.

9. Irá aparecer a mensagem "Desculpe... Este gadget não está configurado corretamente. Dica do webmaster: verifique se as "Configurações do Google Friend Connect - URL da Página inicial" correspondem ao URL deste site.".

10. Embaixo aparece um ponto ".". Clique nele e copie o endereço do site (Ex.: http://s7s2jpq40n8sgpv8te88ch3eflipltgq-a-sites-opensocial.googleusercontent.com).

11. Acessar novamente o Google Friend Connect (http://www.google.com/friendconnect/) e editar o friend connect clicando em "Configurações". Altere a "URL da Página inicial" para a url copiada anteriormente (Ex.: http://s7s2jpq40n8sgpv8te88ch3eflipltgq-a-sites-opensocial.googleusercontent.com). Salve as configurações.

12. Pronto, já esta inserido o Google Friend Connect no Google Sites. Atualize a página do Google Sites para testar.

Obs.: Caso você queira, é possível anexar o "friendconnect.xml" no Google Sites (Mais Ações -> Administrar Site -> Conteúdo do Site -> Anexo), copie o endereço do arquivo, clicando em Download (Ex.: http://sites.google.com/site/silviogarbes/friendconnect.xml?attredirects=0&d=1), apague o que vier depois de "?" ficando (Ex.: http://sites.google.com/site/silviogarbes/friendconnect.xml). Ao clicar em "Adicionar gadget pela URL" utilize esse caminho.

Fonte de pesquisa: http://www.mydigitallife.info/2010/02/03/how-to-add-javascript-or-custom-contents-to-google-sites-with-gadget/

Outras dicas deste autor

Adicionar Facebook Comments no Google Sites

Leitura recomendada

Bloqueando tentativas de acesso indevido ao SSH com DenyHosts no Slackware Linux

Recuperar grub após instalação do Windows

Como instalar Cinnamon no Fedora

Publicação em seu site ou blog através de mensagens SMS

Dashboard para OcoMon

  

Comentários

Nenhum comentário foi encontrado.



Contribuir com comentário