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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
vitorsali
 
while
 
fiapinho
 
iScroll
 
Fou-Lu
 
Kyou
 
Smoke.xX
 
Neimasinho
 

Quem está conectado
311 usuários online :: 11 usuários cadastrados, 1 Invisível e 299 Visitantes :: 1 Motor de busca

E.Jesus, Ednaldo Hitmam, Harleen, Kyo Panda, PESS_dodo, SeuRaymundo, Shek Crowley, TZero, vitorsali, William_iHarDz, xBreninho_.

[ 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:


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15588
Pontos Ativos : 23005

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