{"id":29007,"date":"2019-09-27T02:09:35","date_gmt":"2019-09-27T09:09:35","guid":{"rendered":"https:\/\/kinsta.com\/?p=53723"},"modified":"2025-02-26T09:46:10","modified_gmt":"2025-02-26T12:46:10","slug":"wordpress-iframe","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-iframe\/","title":{"rendered":"Como Incorporar o c\u00f3digo iFrame no seu Site WordPress (Manualmente e com Plugins)"},"content":{"rendered":"

A compartilhamento de conte\u00fados \u00e9 uma pr\u00e1tica bastante comum. No entanto, apresentar o conte\u00fado de outro criador no seu site tem ramifica\u00e7\u00f5es legais potenciais, ao hospedar grandes arquivos como v\u00eddeos<\/a> podem prejudicar o desempenho do seu site<\/a>. Felizmente, os iFrames fornecem uma solu\u00e7\u00e3o simples para estes problemas.<\/p>\n

Neste post, vamos explicar o que s\u00e3o iFrames e como us\u00e1-los com o seu site WordPress.<\/p>\n

Pronto para mergulhar? Vamos a isso!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O que s\u00e3o iFrames (e porque s\u00e3o \u00fateis)?<\/h2>\n

Um iFrame \u00e9 uma forma de incorporar uma p\u00e1gina web no conte\u00fado de outra p\u00e1gina. Isso \u00e9 feito usando tags HTML, a URL da p\u00e1gina externa e especifica\u00e7\u00f5es sobre como a janela deve aparecer em seu site.<\/p>\n

Existem duas situa\u00e7\u00f5es em que os iFrames s\u00e3o geralmente \u00fateis.<\/p>\n

A primeira \u00e9 quando voc\u00ea deseja compartilhar conte\u00fado que n\u00e3o pertence a voc\u00ea. Na maioria dos casos, a incorpora\u00e7\u00e3o de conte\u00fado atrav\u00e9s de um iFrame \u00e9 n\u00e3o \u00e9 considerado viola\u00e7\u00e3o de direitos autorais<\/a> (ver tamb\u00e9m regulamento da UE<\/a>). Portanto, \u00e9 geralmente um m\u00e9todo legal e mais \u00e9tico de compartilhar do que a maioria das outras op\u00e7\u00f5es. Al\u00e9m disso, o c\u00f3digo dentro de um iFrame n\u00e3o pode ser acessado diretamente. Isso significa que um visitante do seu site n\u00e3o pode copiar o conte\u00fado incorporado e compartilh\u00e1-lo em outro lugar.<\/p>\n

A segunda raz\u00e3o pela qual voc\u00ea pode querer incorporar iFrames \u00e9 para compartilhar arquivos grandes, como v\u00eddeo, \u00e1udio ou at\u00e9 mesmo imagens. O YouTube<\/a> \u00e9 o exemplo perfeito aqui.<\/p>\n

Com um iFrame, voc\u00ea pode exibir o conte\u00fado de um arquivo em seu site sem ter que hosped\u00e1-lo em seu Biblioteca multim\u00e9dia WordPress<\/a>. Isso \u00e9 importante porque esses tipos de arquivos de m\u00eddia geralmente ocupam uma quantidade significativa de espa\u00e7o de armazenamento e podem at\u00e9 mesmo abrandar o seu site<\/a>.<\/p>\n

Por hospedando seus v\u00eddeos em uma plataforma como o YouTube<\/a> e, em seguida, incorpor\u00e1-los em seu site do WordPress com iFrames, voc\u00ea pode evitar as desvantagens de carreg\u00e1-los para o seu site diretamente. Esta t\u00e9cnica ajudar\u00e1 a torn\u00e1-lo um membro mais \u00e9tico da comunidade online e manter o seu site r\u00e1pido<\/a> e f\u00e1cil de usar.<\/p>\n

Como usar iFrames com WordPress (3 m\u00e9todos)<\/h2>\n

Assim como existem v\u00e1rios cen\u00e1rios em que voc\u00ea pode querer usar um iFrame, existem v\u00e1rios m\u00e9todos para implementar um. Abaixo, vamos explorar tr\u00eas das maneiras mais comuns de adicionar iFrames ao seu site do WordPress.<\/p>\n

1. Adicionar iFrames no WordPress manualmente<\/h3>\n

O c\u00f3digo b\u00e1sico para adicionar um iFrame a uma p\u00e1gina \u00e9 bastante simples. Tudo o que voc\u00ea precisa s\u00e3o as tags HTML de abertura e fechamento, e a URL da p\u00e1gina web que voc\u00ea deseja incorporar:<\/p>\n

<iframe src=\"example.com\"><\/iframe><\/code><\/pre>\n
H\u00e1 algumas limita\u00e7\u00f5es a serem observadas em rela\u00e7\u00e3o \u00e0 URL de origem. Primeiro, o iFrames s\u00f3 pode exibir conte\u00fado de sites que usam o mesmo Protocolo de Transfer\u00eancia de Hipertexto<\/a> que o seu. Em outras palavras, se seu site usa HTTPS, voc\u00ea s\u00f3 pode incorporar conte\u00fado de outros sites HTTPS. Da mesma forma, se voc\u00ea usa HTTP, voc\u00ea s\u00f3 pode incorporar URLs que tamb\u00e9m usam HTTP.<\/p>\n
Al\u00e9m disso, alguns sites populares – tais como Facebook<\/a> e YouTube – desative a incorpora\u00e7\u00e3o manual do iFrame. Tentar exibir uma p\u00e1gina de um site que n\u00e3o permite que o iFrame embeds exiba um erro na sua janela:<\/p>\n
\"A
A incorpora\u00e7\u00e3o do iFrame est\u00e1 desativada<\/figcaption><\/figure>\n
Se voc\u00ea \u00e9 capaz de usar este m\u00e9todo, \u00e9 importante saber que voc\u00ea tamb\u00e9m pode personalizar seus iFrames para atender \u00e0s necessidades do seu site. \u00c9 a\u00ed que entram os par\u00e2metros do iFrame. Algumas das mais comuns incluem:<\/p>\n