[FAQ] Facebook Connect
Página 1 de 1 • Compartilhe
[FAQ] Facebook Connect
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
Facebook Connect
1º - 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 Módulos Redes sociais Facebook Connect Configuração
Agora, vamos acessar o seguinte link: https://developers.facebook.com/setup/ e em seguida clicar no botão "Criar novo aplicativo" (Create a new App).
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. |
Espaço de nome - Este campo é opcional, por tanto aconselhamos que não adicione nada nele. |
Categoria - Na caixa de seleção você poderá escolher qual é a utilidade do aplicativo para você. |
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: https://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.
2º - 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 Módulos Redes sociais Facebook Connect
Chave 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. |
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: https://ajuda.forumeiros.com/t56717- . |
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. |
Ativar 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." |
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
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: https://ajuda.forumeiros.com/t78847-
- Onde encontro indícios do Facebook connect no meu fórum?
- No Footer do fórum;
- Na página de login padrão do fórum;
- Na opção de página de login padrão;
- 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>
- 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>
- 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 -->
- 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 -->
- 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 -->
- 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
- 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 -->
- 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 -->
- 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 -->
- 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>
- 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>
- 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>
- 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>
- 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 -->
- 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
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
Versão em Vídeo:
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos