{"id":20600,"date":"2020-01-30T13:12:55","date_gmt":"2020-01-30T13:12:55","guid":{"rendered":"https:\/\/www.arimetrics.com\/glosario-digital\/iframe"},"modified":"2026-05-11T22:49:44","modified_gmt":"2026-05-11T22:49:44","slug":"iframe","status":"publish","type":"encyclopedia","link":"https:\/\/www.arimetrics.com\/en\/digital-glossary\/iframe","title":{"rendered":"iFrame"},"content":{"rendered":"<p><strong>Definition: <em><img decoding=\"async\" class=\"boxpad wp-image-14458 size-full alignright\" src=\"https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/iframe.png\" alt=\"iframe\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/iframe.png 300w, https:\/\/www.arimetrics.com\/wp-content\/uploads\/2020\/01\/iframe-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/em><\/strong><\/p>\n<p><em><strong>iFrame <\/strong><\/em>is short for Inline Frame, a floating frame that allows you to insert an html document into another. It was a technique widely used already in the first web pages, in which a frame with a menu and another one in which the <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/landing-page\">landing pages<\/a> were displayed were introduced, all within a single html.<\/p>\n<p>The iFrame is a very useful tool when you need to insert externally hosted content, such as an embedded video, an image or minute-by-minute content in a digital newspaper, for example. One of the most common uses of an iFrame is the insertion of a map with Google Maps that usually appears in the &#8216;Share&#8217; section of <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/google-maps\">Google Maps<\/a>.<\/p>\n\n<h2>iFrame Code<\/h2>\n<p>The code of an iFrame starts with the tag <code>&lt;iframe&gt;<\/code>inside which you specify the URL of the content you want to display. A basic example of an iFrame would be:<\/p>\n<pre><code>&lt;iframe src=\"https:\/\/www.ejemplo.com\" width=\"600\" height=\"400\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n<h2>Attributes of an iFrame<\/h2>\n<p>The <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/HTML\/Element\/iframe\" target=\"_blank\" rel=\"noopener\">iFrames<\/a> support several attributes that allow you to customize their appearance and functionality:<\/p>\n<ul>\n<li><strong>src:<\/strong> Defines the URL of the HTML document to be displayed inside the iFrame.<\/li>\n<li><strong>height:<\/strong> Sets the height of the iFrame in pixels or percentages.<\/li>\n<li><strong>width:<\/strong> Sets the width of the iFrame in pixels or percentages.<\/li>\n<li><strong>name:<\/strong> Assigns a name to the iFrame, useful for referencing it from scripts or links.<\/li>\n<li><strong>longdesc:<\/strong> Provides a <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/url\">URL<\/a> to a detailed description of the iFrame content, useful for accessibility.<\/li>\n<li><strong>scrolling:<\/strong> Defines whether the iFrame should show <strong>scrollbars<\/strong>; can be &#8220;yes&#8221;, &#8220;no&#8221;, or &#8220;auto&#8221;.<\/li>\n<li><strong>frameborder:<\/strong> Specifies whether the iFrame border should be shown (0 to hide, 1 to show).<\/li>\n<li><strong>allowfullscreen: Allows<\/strong> the iFrame content to expand to full screen.<\/li>\n<\/ul>\n<h2>Advantages of iFrames<\/h2>\n<ul>\n<li><strong>Flexibility:<\/strong> It allows integrating content from different sources without the need to integrate it directly into the main source code.<\/li>\n<li><strong>Isolation:<\/strong> iFrame content is isolated from the main document, which can improve security and stability.<\/li>\n<li><strong>Reuse:<\/strong> Facilitates reuse of shared content across multiple web pages.<\/li>\n<\/ul>\n<h2>iFrames in modern web design<\/h2>\n<p>While iFrames have been a useful tool in web development, their use has declined over time due to the aforementioned limitations. In modern web design, methods such as <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/ajax\">AJAX<\/a> and <a href=\"https:\/\/www.arimetrics.com\/en\/digital-glossary\/api\">APIs<\/a> are preferred for integrating dynamic content, as they offer greater control and flexibility. However, iFrames are still useful in situations where external content needs to be integrated in a quick and easy way.<\/p>\n<h2>Frequently asked questions about iFrame<\/h2>\n<div class=\"geo-faq-block\">\n<details class=\"geo-faq-item\">\n<summary>What does iFrame mean in digital marketing?<\/summary>\n<p>iFrame refers to the concept described in this glossary entry: Definition: iFrame is short for Inline Frame, a floating frame that allows you to insert an html document into another. The iFrame is a very useful tool when you need to insert externally hosted content, such as an embedded video, an image or minute-by-minute content in a digital newspaper, for example. It gives teams a shared vocabulary for analysing digital projects.<\/p>\n<\/details>\n<details class=\"geo-faq-item\">\n<summary>When should teams pay attention to iFrame?<\/summary>\n<p>Teams should review iFrame when it affects acquisition, measurement, user experience, content, automation or campaign performance. The important step is to connect the definition with a real decision.<\/p>\n<\/details>\n<details class=\"geo-faq-item\">\n<summary>How is iFrame used in a digital strategy?<\/summary>\n<p>iFrame is used by translating the concept into practical checks: where it appears in the funnel, which data or channel is involved and whether it needs optimisation, monitoring or documentation.<\/p>\n<\/details>\n<details class=\"geo-faq-item\">\n<summary>What is a common mistake when interpreting iFrame?<\/summary>\n<p>A common mistake is using iFrame too broadly. It is better to verify the context, the tool or the metric involved before making strategic or technical conclusions.<\/p>\n<\/details>\n<\/div>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"DefinedTerm\",\n      \"@id\": \"https:\/\/www.arimetrics.com\/en\/digital-glossary\/iframe#definedterm\",\n      \"name\": \"iFrame\",\n      \"description\": \"Definition of iFrame in the Arimetrics Digital Glossary.\",\n      \"inDefinedTermSet\": {\n        \"@type\": \"DefinedTermSet\",\n        \"name\": \"Arimetrics Digital Glossary\",\n        \"url\": \"https:\/\/www.arimetrics.com\/en\/digital-glossary\"\n      }\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.arimetrics.com\/en\/digital-glossary\/iframe#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What does iFrame mean in digital marketing?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"iFrame refers to the concept described in this glossary entry: Definition: iFrame is short for Inline Frame, a floating frame that allows you to insert an html document into another. The iFrame is a very useful tool when you need to insert externally hosted content, such as an embedded video, an image or minute-by-minute content in a digital newspaper, for example. It gives teams a shared vocabulary for analysing digital projects.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"When should teams pay attention to iFrame?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Teams should review iFrame when it affects acquisition, measurement, user experience, content, automation or campaign performance. The important step is to connect the definition with a real decision.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How is iFrame used in a digital strategy?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"iFrame is used by translating the concept into practical checks: where it appears in the funnel, which data or channel is involved and whether it needs optimisation, monitoring or documentation.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a common mistake when interpreting iFrame?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A common mistake is using iFrame too broadly. It is better to verify the context, the tool or the metric involved before making strategic or technical conclusions.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Definition: iFrame is short for Inline Frame, a floating frame that allows you to insert an html document into another. It was a technique widely used already in the first web pages, in which a frame with a menu and another one in which the landing pages were displayed were introduced, all within a single [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","encyclopedia-tag":[1047],"class_list":["post-20600","encyclopedia","type-encyclopedia","status-publish","hentry","encyclopedia-tag-iframe"],"_links":{"self":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia\/20600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia"}],"about":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/types\/encyclopedia"}],"author":[{"embeddable":true,"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/media?parent=20600"}],"wp:term":[{"taxonomy":"encyclopedia-tag","embeddable":true,"href":"https:\/\/www.arimetrics.com\/en\/wp-json\/wp\/v2\/encyclopedia-tag?post=20600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}