Adicionar Google Friend Connect no Google Sites

Publicado por Silvio Garbes Lara em 10/11/2010

[ Hits: 5.776 ]

 


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

Comunidade de relacionamentos para usuários Debian

C - Resolvendo problemas com buffers

Sistema de rastreamento gratuito para Linux

Instalando modem Lucent no Slackware 11 com Kernel 2.6x

Netflix no Debian Wheezy

  

Comentários

Nenhum comentário foi encontrado.



Contribuir com comentário