De acordo com as Leis 12.965/2014 e 13.709/2018, que regulam o uso da Internet e o tratamento de dados pessoais no Brasil, ao me inscrever na newsletter do portal DICAS-L, autorizo o envio de notificações por e-mail ou outros meios e declaro estar ciente e concordar com seus Termos de Uso e Política de Privacidade.

Adicionar Google Friend Connect no Google Sites

Colaboração: Silvio Garbes Lara

Data de Publicação: 29 de novembro de 2010

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. Observer 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 edita-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. Em baixo 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 edite 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. Atualiza 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 arquivos, 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/

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

Sílvio Garbes Lara é Especialista em Desenvolvimento de Sistemas para Web - IEC PUC MG, Bacharel em Sistemas de Informação - PUC MG e Red Hat Certified Technician. Site: www.silviogarbes.com.br. Email/GTalk: <silviogarbes (a) gmail com>

Adicionar comentário

* Campos obrigatórios
5000
Powered by Commentics

Comentários

Nenhum comentário ainda. Seja o primeiro!


Veja a relação completa dos artigos de Silvio Garbes Lara