iframes não funcionam em sites externos

Olá, Kangaroozinho, tudo bem? Neste artigo vamos falar sobre os iframes, e se você estiver com problemas para utilizá-los em algum site externo, nós vamos explicar a causa disso, e também ensinar a como solucionar aqui em nossos servidores, permitindo que você utilize iframes do seu site aqui na Kangaroo Host para qualquer outro site que você desejar.

Se você utiliza iframes do seu site aqui na Kangaroo Host e eles pararam de funcionar, ou mesmo se você está tentando utilizar mas está recebendo o erro de “conexão recusada”, o motivo é que, por questões de segurança, nossos servidores, agora por padrão, impedem que outros sites possam utilizar iframes do seu ou qualquer site hospedado aqui.

Isso significa que, por exemplo, se você tem o seu site “site.com.br” hospedado aqui em nossos servidores, e você deseja utilizar um iframe em algum outro domínio, como por exemplo “outrosite.com.br”, nossos servidores não permitem essa ação, por questões de segurança. É importante dizer que você pode alterar essa regra, e mais abaixo no artigo vamos explicar como fazer isso.

Mas porque adotamos essas regras? Infelizmente os iframes podem ser facilmente utilizados para roubar (scammar) usuários em páginas web, onde através de um iframe eles podem simular um site real que não é deles, mas com uma estrutura que eles tem total poder para gerenciar, e então adicionar links invisíveis, onde os usuários pensam estar clicando em uma opção, mas na verdade estão sendo levados para telas falsas. Esse scam é conhecido como Clickjacking.

Dado os avisos, se você desejar dar acesso para outros usuários (sites) poderem utilizar iframes do seu site, siga os passos abaixo:

  1. Acesse o painel de controle da sua hospedagem (cPanel)
  2. Na seção Arquivos, clique na opção Gerenciador de arquivos
  3. Agora localize o diretório do seu site que você deseja permitir a utilização dos iframes (geralmente a public_html)
  4. Procure pelo arquivo .htaccess do seu site, ao localizar o arquivo, clique com o botão direito, e depois em Edit. Note que esse é um arquivo oculto, caso não saiba como visualizar arquivos ocultos, clique aqui.
  5. Dentro do .htaccess, adicione após a linha “# End WordPressuma das opções abaixo:

    Para permitir que outro(s) domínio(s) específico(s) possa(m) utilizar iframes do seu site (o código inclui seu próprio domínio no ‘self’):
    <IfModule mod_headers.c>
        Header always unset X-Frame-Options
        Header always set Content-Security-Policy "frame-ancestors 'self' https://site1.com.br https://site2.com.br"
    </IfModule>


    Você pode adicionar quantos sites desejar dentro das aspas após o ‘self’, além disso, o “https://” é opcional, porém, alguns navegadores podem exigir esse protocolo.

    Se você deseja permitir subdomínios, é preciso também especificá-los individualmente, ou se preferir, você pode liberar todos os subdomínios de um domínio específico com o código abaixo:
    <IfModule mod_headers.c>
        Header always unset X-Frame-Options
        Header always set Content-Security-Policy "frame-ancestors 'self' https://*.site.com.br"
    </IfModule>


    Para permitir que qualquer site possa utilizar os iframes do seu site (Não recomendado):
    <IfModule mod_headers.c>
        Header always unset X-Frame-Options
        Header always set Content-Security-Policy "frame-ancestors *"
    </IfModule>


    Exemplo de como o código ficaria dentro do arquivo:
    Código no .htaccess para permitir iframes no próprio site e em outros domínios específicos.
    “site1.com.br” e “site2” são apenas um exemplo, utilize os sites que você realmente deseja permitir usar os iframes do seu site.
  6. Após adicionar o código, clique em Salvar Alterações

Pronto, ao seguir os passos acima, você já pode realizar um novo teste para verificar se os iframes estão funcionando normalmente. Se a configuração foi feita corretamente, os seus iframes devem aparecer sem problemas nos sites permitidos.

Você está precisando de ajuda?

Você está precisando de ajuda? Não se preocupe, saiba que sempre será um prazer te ajudar! Nossa equipe de suporte está disponível à você! Por isso, caso precise de auxilio, saiba que pode contar conosco! Envie-nos um ticket para que nosso time de especialista consiga lhe auxiliar da melhor maneira possível. Você precisa de ajuda de como abrir um ticket? Leia esse artigo.


Conseguimos te ajudar?

Loading spinner
Encontrou sua resposta?