Parede social 
Análise de feeds 
O teu feed do Facebook está em branco. Funcionava na semana passada, o código curto ou o bloco ainda se encontra na página e o WordPress não te explica o motivo.
Normalmente, o culpado é um plugin de otimização do site. Este remove, atrasa ou carrega de forma diferida o script do feed antes de esse script poder apresentar qualquer conteúdo. A solução é a exclusão, não a desativação. Não é necessário escolher entre a pontuação do PageSpeed e o seu feed.
Trabalho na Smash Balloon e confirmei todos os passos abaixo numa instalação ao vivo do Custom Facebook Feed, incluindo a programação do cache que faz com que uma correção bem-sucedida pareça ter falhado.
Vais fazer uma verificação de 30 segundos, descobrir qual dos quatro problemas tens e conseguir que o feed da tua página volte a ser apresentado, mantendo o plugin de velocidade ativado.
Neste artigo:
- Resposta rápida: Por que é que o meu feed do Facebook está em branco?
- Primeiro, descobre qual dos 4 problemas tens
- Adicionar a Smash Balloon às três listas de exclusão
- Verifique se a sua conta do Facebook continua ligada
- Limpe a cache do feed, seguindo esta ordem
- Quando o feed fica em branco apenas em algumas páginas
- Um feed do Facebook que permanece visível, e não apenas configurado
Resposta rápida: Por que é que o meu feed do Facebook está em branco?
A maioria dos feeds vazios do Facebook deve-se a um plugin de otimização do site que adia, minimiza ou carrega de forma diferida o script do Smash Balloon, pelo que o feed nunca chega a ser apresentado.
Há quatro causas para isto. Por ordem aproximada de probabilidade:
- Conflito entre plugins de otimização. O WP Rocket, o Autoptimize ou o Perfmatters bloqueiam o ficheiro JavaScript do feed.
- Fonte inválida ou token expirado. A ligação entre o seu site e a sua Página do Facebook foi interrompida.
- Cache de feeds desatualizado. Já resolveste o problema, mas o plugin continua a mostrar-te a cópia guardada anteriormente.
- Criador de páginas ou posicionamento do modelo. O feed encontra-se numa área do Elementor ou do tema que é carregada de forma diferente.
Eis a forma mais rápida de os distinguir. Se a área de alimentação estiver realmente vazia, a causa é a 1, a 3 ou a 4. Se vir um texto de erro no local onde deveria estar a alimentação, a causa é a 2.
Essa distinção poupa-lhe as suposições.
Primeiro, descobre qual dos 4 problemas tens
Como é, na realidade, a sua área de alimentação em branco? A resposta a essa pergunta indica-lhe qual a correção que deve aplicar.
Vale a pena dedicar 30 segundos antes de alterares alguma coisa.
Na tabela abaixo, pode procurar o seu sintoma na coluna da esquerda. Em seguida, vá diretamente para essa secção.
| O que se vê | O que isso normalmente significa | Para onde ir a seguir |
|---|---|---|
| Espaço vazio, sem mensagem | Script bloqueado por um plugin de otimização | Secção das listas de exclusão |
| Texto de erro na área de alimentação | Fonte desligada ou token expirado | Secção de restabelecimento da ligação |
| Continua em branco depois de teres corrigido algo | Cache desatualizada | Secção de limpeza da cache |
| Com texto numa página, em branco noutra | Problema de colocação ou do construtor | Secção específica da página |
Há uma variante que vale a pena destacar. O feed parece perfeito enquanto se está com a sessão iniciada, mas os visitantes referem que aparece um espaço em branco.
Não se trata de um feed avariado. Está a receber uma versão da página que não está em cache, enquanto os seus visitantes estão a receber a versão otimizada.
Por isso, abre a página numa janela privada ou de navegação anónima antes de alterares qualquer configuração. Esta é a primeira coisa a verificar, porque permite perceber qual das versões está com problemas.
Adicionar a Smash Balloon às três listas de exclusão
A maioria das pessoas adiciona a exclusão num único local, não vê nenhuma alteração e desiste.
Eis a resposta curta. Existem três listas de exclusão distintas e, se faltar alguma delas, o seu feed ficará em branco.
Comece pelo caminho do diretório do plugin. Copie aquele que corresponde à sua versão:
- Prós:
/wp-content/plugins/custom-facebook-feed-pro/ - Gratuito:
/wp-content/plugins/custom-facebook-feed/
Esse caminho tem de constar nestas três listas:
- JavaScript e exclusões da minificação
- Exclusões da execução diferida do JavaScript
- Exclusões do carregamento diferido
Eis onde se encontram esses campos nos plugins de otimização mais populares:
- WP Rocket: Otimização de ficheiros para as listas 1 e 2; multimédia para a lista 3.
- Autoptimize: o campo de exclusão da otimização de JavaScript.
- Perfmatters: Recursos para exclusões de scripts, além das caixas de seleção para o atraso do JS e a exclusão do carregamento diferido.
Depois de definir as exclusões, o seu feed de redes sociais continua a ser apresentado e o resto do seu site mantém-se otimizado.
Guarde as alterações, limpe o plugin de cache e atualize a página numa janela privada.
Alterar duas definições no interior do plugin
As listas de exclusão são apenas metade do trabalho. Dois botões no «Feed Personalizado do Facebook» tratam do resto.
Aceda a «Feed do Facebook » «Definições» a partir do seu painel de controlo e selecione o separador «Avançado» para encontrar as opções.
- Correção do carregamento do tema AJAX: ativa esta opção, guarda as alterações e atualiza a página. Se o teu feed voltar a aparecer, está resolvido. Se nada mudar, desativa novamente esta opção.
- Carregamento de imagens em JavaScript. Se esta opção já estiver ativada, desative-a. É a configuração a verificar quando o quadro do feed aparece, mas as imagens no seu interior não aparecem.
Não tem a certeza de qual é o plugin que está a causar o bloqueio? O nosso guia sobre o que fazer quando o seu feed deixa de funcionar após uma alteração de tema explica-lhe passo a passo como identificar o conflito, um plugin de cada vez.
Verifique se a sua conta do Facebook continua ligada
Está a ver uma mensagem no local onde deveriam estar as suas publicações? Então, o problema não é o WordPress. A ligação entre o seu site e o Facebook foi interrompida.
Eis como voltar a ligá-lo:
- Aceda a «Feed do Facebook» » «Definições» no painel de controlo do WordPress e, em seguida, abra o separador «Fontes ».
- Encontre a fonte marcada como inválida.
- Clique em «Reconectar», se o botão estiver visível.
- Se não houver um botão «Reconectar», clique no ícone vermelho do caixote do lixo e, em seguida, em «Adicionar fonte».
- Clique em «Ligar ao Facebook » e confirme a fonte.
- Confirme as autorizações no ecrã do Meta e, em seguida, clique em «Guardar».
Normalmente, é algo do lado do Facebook que desencadeia esta situação, e é fácil não se dar conta. Uma alteração de funções numa página do Facebook, uma transferência de ativos da empresa ou uma reposição de palavra-passe podem invalidar um token ativo da noite para o dia.
Não houve nenhuma alteração no seu site. O token que permitia ao seu site aceder à página do Facebook simplesmente deixou de ser válido.
Se o processo de reconexão lhe parecer estranho, o nosso guia completo sobre como adicionar um feed do Facebook ao seu site WordPress explica, passo a passo, como estabelecer a ligação à fonte.
Limpe a cache do feed, seguindo esta ordem
O teu feed mantém uma cópia guardada de si próprio. É por isso que as tuas publicações permanecem na página, mesmo quando a API do Facebook fica indisponível.
Acontece o mesmo logo a seguir a corrigires algo. Ainda estás a ver a cópia guardada. A correção funcionou, mas a página ainda não atualizou.
Limpe as memórias cache por esta ordem e verifique a página após a primeira. Normalmente, basta esse passo.
- Feed do Facebook » Definições » Feeds e, em seguida, clique em«Limpar todos os caches»
- O teu plugin de cache
- A cache do seu anfitrião
- A sua CDN
- O seu navegador
A ordem é importante neste caso. Se começares pelo exterior e limpares primeiro o teu CDN, este limita-se a recuperar a cópia desatualizada da camada inferior e a guardá-la novamente.
Trabalha-se a partir da fonte para fora. Primeiro o feed, por último o navegador.
E não, limpar a cache do feed não afeta o teu design. Apenas atualiza as publicações. O teu layout, as cores e as definições permanecem exatamente como os deixaste.
Quando o feed fica em branco apenas em algumas páginas
Aparece bem na página inicial, mas fica em branco na tua página do Elementor? O feed não está avariado. O problema é o posicionamento.
| O que há nessa página | Por que é que avaria? | Corrigir |
|---|---|---|
| Código abreviado num widget de texto do construtor | O construtor faz a renderização segundo os seus próprios critérios, pelo que o script pode ser executado antes de haver algo para desenhar | Substitui-o pelo bloco «Feed do Facebook» ou pelo widget do Elementor |
| Feed dentro de um separador, acordeão ou janela modal | O contentor ainda não foi renderizado quando o script é executado | Definições » Avançado, ative a correção do carregamento do tema AJAX |
| Área de modelos que é carregada via Ajax | O mesmo problema de sincronização, mas um gatilho diferente | A mesma correção, correção do carregamento do tema AJAX |
| Uma regra de otimização ao nível da página | O WP Rocket e o Perfmatters permitem-lhe substituir as definições globais por página, e é fácil esquecer-se de que uma delas está definida | Verifica a regra dessa página e adiciona também o caminho do plugin |
Seja qual for a alteração que fizeres, atualiza a página numa janela privada antes de a avaliares. Uma cópia em cache irá mostrar-te a versão antiga e levar-te a tentar resolver um problema que já resolveste.
Resolve o problema uma vez e deixa que o plugin trate do resto
O Smash Balloon Facebook Feed Pro mantém uma cópia local das suas publicações, para que o seu feed permaneça na página mesmo quando a API do Facebook fica indisponível, e envia-lhe um e-mail assim que ocorrer algum problema. Apoiado por uma garantia de reembolso de 14 dias.
Obtenha o Facebook Feed ProUm feed do Facebook que permanece visível, e não apenas configurado
Já identificou o problema, aplicou a solução e limpou as caches na ordem correta. O seu feed já está a funcionar novamente.
Então, como é que se descobre quando isso não acontecer da próxima vez?
Existem duas opções no «Feed personalizado do Facebook» que tratam disso por si, e ambas estão ativadas por predefinição. Não é necessário ativar nada.
As exclusões que adicionou anteriormente são o que impede que este conflito específico volte a ocorrer. Estas duas cobrem o que as exclusões não conseguem abranger.
- Relatórios por e-mail sobre problemas no feed. A própria descrição do plugin indica que, se o seu feed estiver indisponível devido a um problema crítico, este passará a utilizar uma versão em cache do seu feed e notificá-lo-á. Assim, numa falha da API do Facebook, os visitantes verão as suas últimas publicações válidas em vez de uma caixa vazia, e você será informado por e-mail.
- Aviso de erro de administração. Os erros aparecem no canto inferior direito do seu site e só são visíveis para os administradores que estiverem a iniciar sessão. Este aviso indica a existência de problemas. Não influencia a exibição do seu feed, pelo que mantê-lo ativado não acarreta qualquer custo para os seus visitantes.
Eu deixaria os dois ativados. É a diferença entre ficar a saber através do plugin e ficar a saber através de um cliente.
A questão em relação a essas redes de segurança é esta: só existem porque alguém as criou propositadamente.
O Facebook Feed Pro é desenvolvido pela Smash Balloon, a equipa responsável por plugins de feeds sociais com mais de 1,75 milhões de utilizadores, o que representa um grande número de sites satisfeitos.
Adquira o Facebook Feed Pro e deixe que o plugin detete o problema antes que os seus visitantes o façam.
