Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
234 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

Biel_Staff, dcastro180, Fou-Lu, iScroll, IsmaelS., Kyo Panda, Thomazinny

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

[FAQ] Facebook Connect

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[FAQ] Facebook Connect

Mensagem por Mr. Supero em Sex 30 Jul 2010 - 0:59

               

   

  Facebook Connect


 Vamos mostrar passo a passo de como ativar a conexão do Facebook Connect com seu fórum. Como se conectar no fórum através da nova ferramenta que o serviço Forumeiros nos proporciona: Facebook Connect


 
--> Perguntas e respostas frequentes <--
    Facebook Connect




  - Ativação do módulo no site do Facebook connect:
 Para que a ativação seja concluída, você deve ter em mente as seguintes considerações;
 

  • Você só poderá ativar a função se tiver uma conta no Facebook Connect;
       
  • Tanto o fundador do fórum quanto outros administradores podem ativá-lo;
       
  • Está opção aparece na página de Login (inclusive em caixas de conexões rápidas), na edição do perfil na aba "Facebook Connect" e nas preferências, caso você vincule sua conta com o Facebook para logar-se automaticamente.

Antes de tudo, temos que criar o aplicativo no site do Facebook developers, porque através dele vamos conseguir os dados do próximo passo, por isso devemos aceder à:
 Painel de controle  Seta Módulos Seta Redes sociais Seta Facebook Connect Seta  Configuração Seta

 

 Agora, vamos acessar o seguinte link: http://developers.facebook.com/setup/ e em seguida clicar no botão "Criar novo aplicativo" (Create a new App).  

Seta Display name - Aqui você poderá atribuir um nome para o aplicativo. Já que estamos aplicando a função para o fórum, vamos colocar o nome do fórum para identificá-lo mais tarde.
Seta Espaço de nome - Este campo é opcional, por tanto aconselhamos que não adicione nada nele.
Seta Categoria - Na caixa de seleção você poderá escolher qual é a utilidade do aplicativo para você.
Clique em Criar aplicativo após preencher todos os campos e em seguida no menu do nome de seu aplicativo selecione a opção Configurações, para definir o endereço do site para que o aplicativo funcione.


Em seguida clique no botão + Adicionar plataforma e na pop-up que vai abrir selecione a opção Site.

Os campos de nosso interesse para o aplicativo é o campo de URL do fórum, então no caixa de texto Site URL você vai adicionar o endereço do seu fórum. Por exemplo: http://ajuda.forumeiros.com/

Feito isso, salve o aplicativo e no último passo no site do Facebook Desenvolvedores, vamos clicar no menu com o nome do seu fórum, ou seja, o menu Esquerdo do site na opção "Painel de Controle" e em seguida temos que ativar o aplicativo. Clique na interrogação (?), e em seguida clique na opção sim, ativando a mesma.


 

Finalmente, teremos o ID do aplicativo e a App Secret. No próximo passo, vamos permitir que o fórum e o aplicativo tenha vínculo, por isso preste atenção nas indicações.


  - Ativando a função no fórum:
 Chegamos ao ponto mais esperado, porque aqui vamos ativar definitivamente o Facebook Connect como um aplicativo para usuários de seu fórum se conectar-se através dele. Ceda a:
 Painel de controle  Seta  Módulos  Seta  Redes sociais Seta Facebook Connect  Seta

 

     
SetaChave de aplicação - A chave de aplicação consiste em números ou letras que identificara o vínculo do facebook connect com seu fórum.
Seta Código secreto - Os códigos secretos são vários caracteres contendo números e letras com objetivo de manter a segurança da conexão do Facebook Connect com seu fórum. Essa função necessita de sua atenção, e se você tiver templates personalizados, por favor, confira as informações do seguinte tutorial: http://ajuda.forumeiros.com/t56717- .
Seta Ativar módulo "Facebook Connect" - Ao marcar a opção em Sim, você está permitindo que a função do Facebook funcione em seu fórum.
 
SetaAtivar a conexão automática através do Facebook - Permite aos membros estarem conectados de maneira automática no fórum se também estão no Facebook. Segundo uma pesquisa, 80% dos usuários se mantém conectados."
Seta Ativar a mensagem para convidar os amigos - Quando estiver em sim, todos os seus amigos do Facebook recebem um convite enviado por você pelo seu Painel de Controle, para participar das discussões de seu fórum.
   
 

  • 2.1 Adicionando informações:
       
     Em Chave da aplicação, adicione o número dado pelo Facebook, representado por ID do aplicativo.
       Em Código secreto, adicione o número dado pelo Facebook, representado por APP SECRET
       Marque a opção "tivar a conexão automática através do Facebook" em Sim e confirme a ação.



 
--> Perguntas e respostas frequentes <--
    Facebook Connect



 

  • Não consegui o APP ID, e agora?
    Você deve procurar suporte no site do Facebook, pois Fórum dos Fóruns fornece suporte somente para a função no Painel de controle do administrador.

  • Existe uma forma simplificada deste tutorial?
    Aconselhamos que re-faça todos os passos caso não tenha obtido sucesso, mas, você pode conferir mais informações nesta questão já resolvida: http://ajuda.forumeiros.com/t78847-
       
  • Onde encontro indícios do Facebook connect no meu fórum?
       

    1. No Footer do fórum;
    2. Na página de login padrão do fórum;
    3. Na opção de página de login padrão;
    4. Na aba Facebook Connect.




Modificação dos templatres

Para usuários que tem seus templates alterados depois da atualização do dia 29 de Abril, por favor, considerem a mudança do template:

index_body.tpl:
Procurar por:
Código:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
Alterar para:
Código:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
Procurar por:
Código:

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
    oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->
Alterar para:
Código:

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script>
        FB.init({
          appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_fb_index_login -->

overall_footer.tpl:
Procurar por:
Código:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
Alterar para:
Código:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

overall_footer_end.tpl:
Procurar por:
Código:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
Alterar para:
Código:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

profile_add_body.tpl:
Procurar por:
Código:
TEXT
Alterar para:
Código:
TEXT

index_body.tpl:
Procurar por:
Código:
<!-- BEGIN switch_fb_account_not_linked -->
 <fb:login-button size="medium" onlogin="facebook_link()" v="2">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_account_not_linked -->
Alterar para:
Código:
<!-- BEGIN switch_fb_account_not_linked -->
 <fb:login-button size="medium" onlogin="facebook_link()" >{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_account_not_linked -->
Procurar por:
Código:
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->
Alterar para:
Código:
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->

mod_login.tpl:
Procurar por:
Código:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
Alterar para:
Código:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
Procurar por:
Código:
 align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                           
Alterar para:
Código:
 align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
Procurar por:
Código:
              <!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_widget_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_widget_login -->
Alterar para:
Código:
<!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_widget_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_widget_login -->



--> Perguntas e respostas frequentes <--
    Facebook Connect






 
© Fórum dos Fóruns, Shek, Sapinho & Daniel Mendes



 
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
   [Dúvida] Ativação do Facebook connect

Mr. Supero
Convidado


[FAQ] Facebook Connect

Mensagem por Shek Crowley em Sex 30 Maio 2014 - 16:51

Versão em Vídeo:

avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15875
Pontos Ativos : 23402

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum