Os elementos Facebook e DISQUS são recursos interessantes que disponibilizamos no RockFunnels para que de forma descomplicada você consiga inserir em suas páginas os comentários de redes sociais possibilitando maior engajamento do seu público.
Em caso de dúvidas sobre como adicionar os elementos de comentários nas suas páginas, acesse nosso tutorial sobre como funcionam as configurações gerais de elementos no link abaixo:
Primeiro veremos como funcionam as configurações do elemento Facebook.
Acesse a engrenagem do elemento para disponibilizar as possibilidades de configuração que veremos nesse tutorial.
Ajustes
· Visibilidade
Nas configurações de ajustes é possível configurar a visibilidade do elemento. Clicando no ícone que representa cada versão “Desktop | Tablet | Mobile” é possível ocultar ou mostrar o Menu em cada um desses dispositivos. Para voltar a mostrar o elemento que foi ocultado, basta clicar novamente no ícone do dispositivo desejado.
· Facebook App ID
O Facebook App ID é uma sequência de números que identifica um aplicativo interno do Facebook.
O App ID só é necessário caso você queira moderar os comentários deixados pelos seus visitantes.
Para detalhes sobre como encontrar ou gerar seu App ID, acesse > https://www.facebook.com/help
· URL Para comentar
Em “URL para comentar”, insira a URL da página onde você deseja concentrar os comentários. Se for usar o elemento de comentários do Facebook em várias páginas (como em um lançamento por exemplo) e desejar agrupar todos os comentários em um só lugar, utilize a mesma “URL para comentar” em todas as páginas.
Se desejar moderar os comentários, certifique-se de inserir uma URL válida e segura, ou seja, que comece com https://
Se não desejar moderar os comentários, você pode inserir qualquer URL, até mesmo uma que não seja válida e que não comece com http:// ou https://
· Tema
Na configuração de tema poderá selecionar entre o tema ‘Light’ ou ‘Dark’ conforme desejado, ao clicar no respectivo campo.
· Número de comentários
Na configuração de número de comentários é possível filtrar a quantidade de comentários que irá aparecer na tela inicial. Para alterar clique no respectivo campo e selecione entre ‘5’, ‘10’, ‘20’ ou ‘50’ conforme desejado.
· Idioma
Na configuração de idioma é possível alterar o idioma do elemento ao clicar no respectivo campo e selecionar conforme desejado entre ‘Português’, ‘Inglês’ ou ‘Espanhol’.
· Ordenar por
Nas configurações de ordenamento poderá filtrar os comentários ao clicar no respectivo campo a selecionar conforme desejado entre ‘mais recente’, ‘mais antigo’ ou ‘mais comentado’.
Avançado
· Efeitos de movimento – Animação
Nas configurações avançadas é possível configurar efeitos de movimento/animação no elemento. Basta selecionar um dos efeitos da lista, conforme desejado. Para excluir uma animação clique no ícone em formato de lixeira a frente do nome da animação.
Quando uma animação é selecionada será disponibilizado a possiblidade de configurar algumas ações relacionado ao comportamento da animação, conforme abaixo:
Comportamento:
- Uma vez > o efeito de animação será apresentado apenas uma vez.
- Infinito > o efeito de animação irá ser apresentado enquanto o usuário estiver na página (loop).
Ativação:
- Animação de entrada > ao acessar a página o elemento começará a ter o efeito de animação selecionado.
- Ao passar o mouse > A animação só acontecerá quando o cursor do mouse passar pelo elemento.
Duração: É possível configurar a velocidade da animação entre “normal”, “devagar” ou “rápido”.
Atraso: É possível configurar um atraso no elemento, ou seja, a imagem irá aparecer na tela após o tempo de atraso configurado. Valores até 1000 segundos podem ser inseridos na caixa representada pelo número ou através das setas < >.
· CSS Classes
Nas configurações avançadas é possível configurar CSS para o elemento. O recurso é útil para ativar recursos de estilo através de código utilizando o elemento de Script.
É necessário inserir um nome para o CSS no campo “Insira ou Selecione” e através do elemento de Script utilizar essa referência de nome inserindo o código relacionado ao CSS Classes que deseja aplicar.
Agora veremos como funcionam as configurações do elemento DISQUS, que é uma ferramenta interessante para também disponibilizar comentários em suas páginas. A principal diferença do elemento DISQUS para o elemento do Facebook é que o DISQUS aceita comentários dos visitantes se eles estiverem logados em mais de uma rede social, como Google, Twitter, Facebook, etc. No caso do elemento do Facebook, ele só aceita comentários se os visitantes estiverem logados apenas no Facebook.
Para mais detalhes sobre o DISQUS, acesse > https://disqus.com/
Acesse a engrenagem do elemento para disponibilizar as possibilidades de configuração que veremos nesse tutorial.
Ajustes
· Visibilidade
Nas configurações de ajustes é possível configurar a visibilidade do elemento. Clicando no ícone que representa cada versão “Desktop | Tablet | Mobile” é possível ocultar ou mostrar o Menu em cada um desses dispositivos. Para voltar a mostrar o elemento que foi ocultado, basta clicar novamente no ícone do dispositivo desejado.
· Disqus Shortname
O Disqus shortname é um identificador único gerado pelo Disqus.
Para mais detalhes sobre como gerar ou localizar o seu Disqus shortname, acesse >
· URL para comentar
Em URL para comentar, insira a URL da sua página que deve ser a mesma URL da página onde está o elemento DISQUS, com "https://, conforme exemplo abaixo:
https://rockfunnels.com
Atenção: O elemento DISQUS é visível apenas nas páginas publicadas.
Avançado
· Efeitos de movimento – Animação
Nas configurações avançadas é possível configurar efeitos de movimento/animação no elemento. Basta selecionar um dos efeitos da lista, conforme desejado. Para excluir uma animação clique no ícone em formato de lixeira a frente do nome da animação.
Quando uma animação é selecionada será disponibilizado a possiblidade de configurar algumas ações relacionado ao comportamento da animação, conforme abaixo:
Comportamento:
- Uma vez > o efeito de animação será apresentado apenas uma vez.
- Infinito > o efeito de animação irá ser apresentado enquanto o usuário estiver na página (loop).
Ativação:
- Animação de entrada > ao acessar a página o elemento começará a ter o efeito de animação selecionado.
- Ao passar o mouse > A animação só acontecerá quando o cursor do mouse passar pelo elemento.
Duração: É possível configurar a velocidade da animação entre “normal”, “devagar” ou “rápido”.
Atraso: É possível configurar um atraso no elemento, ou seja, a imagem irá aparecer na tela após o tempo de atraso configurado. Valores até 1000 segundos podem ser inseridos na caixa representada pelo número ou através das setas < >.
· CSS Classes
Nas configurações avançadas é possível configurar CSS para o elemento. O recurso é útil para ativar recursos de estilo através de código utilizando o elemento de Script.
É necessário inserir um nome para o CSS no campo “Insira ou Selecione” e através do elemento de Script utilizar essa referência de nome inserindo o código relacionado ao CSS Classes que deseja aplicar.
Para mais detalhes sobre o CSS Classes, acesse nosso tutorial dedicado a esse recurso no link a seguir:
https://help.rockfunnels.com/pt-BR/articles/6891608-como-funciona-a-configuracao-css-classes-no-rockfunnels
