{"id":16246,"date":"2021-05-17T15:53:34","date_gmt":"2021-05-17T08:53:34","guid":{"rendered":"https:\/\/blog.tinohost.com\/?p=9757"},"modified":"2025-06-11T15:58:54","modified_gmt":"2025-06-11T08:58:54","slug":"iframe-la-gi","status":"publish","type":"post","link":"https:\/\/tino.vn\/blog\/iframe-la-gi\/","title":{"rendered":"Iframe l\u00e0 g\u00ec? B\u1eadt m\u00ed 7 \u0111i\u1ec1u b\u1ea1n c\u1ea7n bi\u1ebft v\u1ec1 iframe"},"content":{"rendered":"\n<p><strong>M\u1ed9t trong nh\u1eefng c\u00e1ch l\u00e0m cho WordPress c\u1ee7a b\u1ea1n tr\u1edf n\u00ean sinh \u0111\u1ed9ng v\u00e0 ho\u1ea1t \u0111\u1ed9ng hi\u1ec7u qu\u1ea3 h\u01a1n &#8211; \u0111\u00f3 ch\u00ednh l\u00e0 nh\u1edd \u0111\u1ebfn iframe .<\/strong><\/p>\n\n\n\n<h2 id=\"Iframe_l\u00e0_g\u00ec?\"><strong>Iframe l\u00e0 g\u00ec?<\/strong><\/h2>\n\n\n\n<p>Iframe<strong> (inline iframe)<\/strong> l\u00e0 khung n\u1ed9i tuy\u1ebfn &#8211;  th\u00e0nh ph\u1ea7n th\u1ebb tag \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng nh\u00fang m\u1ed9t trang HTML kh\u00e1c g\u1ed3m c\u00f3 h\u00ecnh \u1ea3nh, video, hay th\u1eadm ch\u00ed l\u00e0 m\u1ed9t trang web kh\u00e1c v\u00e0o frame c\u1ee7a <a href=\"https:\/\/tino.vn\/blog\/wordpress-la-gi\/\" target=\"_blank\" class=\"rank-math-link\" rel=\"noopener\">WordPress<\/a>. Ngo\u00e0i ra, t\u00e0i li\u1ec7u HTML s\u1ebd c\u00f3 th\u1ec3 ch\u1ee9a <a href=\"https:\/\/tino.vn\/blog\/html-css-javascript-la-gi\/\" target=\"_blank\" class=\"rank-math-link\" rel=\"noopener\">Javascript ho\u1eb7c CSS<\/a>. N\u00f3i m\u1ed9t c\u00e1ch d\u1ec5 hi\u1ec3u l\u00e0 m\u1ed9t frame \u0111\u01b0\u1ee3c ch\u00e8n v\u00e0o trong m\u1ed9t frame kh\u00e1c. Gi\u1ed1ng nh\u01b0 vi\u1ec7c b\u1ea1n th\u1ea5y m\u1ed9t \u0111o\u1ea1n nh\u1ea1c qu\u1ea3ng c\u00e1o c\u1ee7a Youtube \u1edf m\u1ed9t trang kh\u00e1c kh\u00f4ng ph\u1ea3i Youtube v\u1eady. \u0110\u00f3 l\u00e0 m\u1ed9t v\u00ed d\u1ee5 d\u1ec5 hi\u1ec3u c\u1ee7a iframe. <\/p>\n\n\n\n<p>M\u1ed9t m\u00e3 nh\u00fang iframe th\u01b0\u1eddng s\u1ebd c\u00f3 code nh\u01b0 sau: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>    1 &lt;iframe width = \"450\" height = \"265\" src = \"\/\/www.youtube.com\/embed\/qzOOy1tWBCg?rel=0\" frameborder = \"0\" allowfullscreen&gt;&lt;\/iframe&gt; <\/strong><\/code><\/pre>\n\n\n\n<p>\n  Trong \u0111\u00f3:\n<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>&lt;iframe>\u2026&lt;\/iframe>:<\/strong> tag \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ch\u1ee9a c\u00e1c n\u1ed9i dung nh\u00fang b\u00ean trong iframe, c\u1ee5 th\u1ec3 \u1edf v\u00ed d\u1ee5 tr\u00ean l\u00e0 video.   <\/li><li><strong>Ngu\u1ed3n c\u1ee7a iframe (src):<\/strong> ph\u1ea7n n\u1ed9i dung g\u1ed1c t\u1eeb server b\u00ean ngo\u00e0i (ho\u1eb7c server n\u1ed9i b\u1ed9 kh\u00e1c). Ngu\u1ed3n URL n\u00e0y ph\u1ea3i \u0111\u01b0\u1ee3c \u0111\u1eb7t trong d\u1ea5u ngo\u1eb7c k\u00e9p.   <\/li><li><strong>Width v\u00e0 height:<\/strong> chi\u1ec1u r\u1ed9ng v\u00e0 cao c\u1ee7a iframe. C\u00f3 hai c\u00e1ch \u0111\u1ec3 b\u1ea1n c\u00e0i \u0111\u1eb7t k\u00edch th\u01b0\u1edbc: m\u1ed9t l\u00e0 th\u00eam m\u1eb7c \u0111\u1ecbnh nh\u01b0 v\u00ed d\u1ee5 tr\u00ean ho\u1eb7c s\u1eed d\u1ee5ng ph\u1ea7n tr\u0103m (10 &#8211; 100%) \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh t\u1ef1 \u0111\u1ed9ng.    <\/li><li><strong>Frameborder:<\/strong> k\u00edch th\u01b0\u1edbc vi\u1ec1n khung c\u1ee7a th\u1ebb nh\u00fang m\u00e0 b\u1ea1n mu\u1ed1n th\u00eam.   <\/li><\/ul>\n\n\n\n<h2 id=\"7_\u0111i\u1ec1u_b\u1ea1n_n\u00ean_bi\u1ebft_v\u1ec1_iframe\"><strong>7 \u0111i\u1ec1u b\u1ea1n n\u00ean bi\u1ebft v\u1ec1 iframe<\/strong><\/h2>\n\n\n\n<h3 id=\"C\u00e1c_thu\u1ed9c_t\u00ednh_c\u1ee7a_iframe_\"><strong>C\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a iframe<\/strong> <\/h3>\n\n\n\n<p>Iframe c\u00f3 r\u1ea5t nhi\u1ec1u thu\u1ed9c t\u00ednh t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao v\u00e0 c\u00e1c thu\u1ed9c t\u00ednh n\u00e0y kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i c\u00f9ng xu\u1ea5t hi\u1ec7n trong m\u1ed9t m\u00e3 nh\u00fang. Tuy nhi\u00ean, th\u01b0\u1eddng c\u00e1c code iframe s\u1ebd c\u00f3 kho\u1ea3ng n\u0103m thu\u1ed9c t\u00ednh c\u01a1 b\u1ea3n sau: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Src (source): <\/strong>thu\u1ed9c t\u00ednh ngu\u1ed3n, khai b\u00e1o \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a t\u00e0i li\u1ec7u, trang web m\u00e0 b\u1ea1n mu\u1ed1n nh\u00fang.   <\/li><li><strong>Width: <\/strong>thu\u1ed9c t\u00ednh khai b\u00e1o chi\u1ec1u r\u1ed9ng c\u1ee7a iframe (\u0111\u01a1n v\u1ecb l\u00e0 pixel ho\u1eb7c %).   <\/li><li><strong>Height: <\/strong>thu\u1ed9c t\u00ednh khai b\u00e1o chi\u1ec1u cao c\u1ee7a iframe (\u0111\u01a1n v\u1ecb l\u00e0 pixel ho\u1eb7c %).   <\/li><li><strong>Name: <\/strong>thu\u1ed9c t\u00ednh khai b\u00e1o cho t\u00ean g\u1ecdi c\u1ee7a iframe.   <\/li><li><strong>Frameborder:<\/strong> thu\u1ed9c t\u00ednh khai b\u00e1o vi\u1ec1n cho iframe. (0: \u1ea9n \u0111\u01b0\u1eddng vi\u1ec1n, 1: hi\u1ec7n \u0111\u01b0\u1eddng vi\u1ec1n). N\u1ebfu nh\u01b0 kh\u00f4ng khai b\u00e1o th\u00ec thu\u1ed9c t\u00ednh n\u00e0y s\u1ebd lu\u00f4n l\u00e0 m\u1ed9t.   <\/li><\/ul>\n\n\n\n<h3 id=\"C\u00f4ng_d\u1ee5ng_c\u1ee7a_iframe\"><strong>C\u00f4ng d\u1ee5ng c\u1ee7a iframe<\/strong><\/h3>\n\n\n\n<p>Iframe s\u1ebd gi\u00fap trang web b\u1ea1n t\u1ed1i \u01b0u h\u00f3a <a href=\"https:\/\/tino.vn\/blog\/seo-la-gi\/\" target=\"_blank\" class=\"rank-math-link\" rel=\"noopener\">SEO<\/a> v\u00e0 gia t\u0103ng t\u1ef7 l\u1ec7 truy c\u1eadp, time-on-site cho website. T\u1eeb \u0111\u00f3, kh\u00e1ch h\u00e0ng s\u1ebd ch\u00fa \u00fd nhi\u1ec1u h\u01a1n \u0111\u1ebfn th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a b\u1ea1n. V\u00ec th\u1ebf, iframe n\u00ean \u0111\u01b0\u1ee3c c\u00e1c nh\u00e0 vi\u1ebft web xem nh\u01b0 l\u00e0 m\u1ed9t ph\u1ea7n n\u1ed9i dung kh\u00f4ng th\u1ec3 thi\u1ebfu h\u01a1n l\u00e0 m\u1ed9t thi\u1ebft k\u1ebf giao di\u1ec7n c\u1ea7n c\u00f3. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u01afu nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a iframe<\/strong>\n<\/h3>\n\n\n\n<p>Vi\u1ec7c kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 truy c\u1eadp v\u00e0 t\u01b0\u01a1ng t\u00e1c v\u1edbi c\u00e1c th\u1ebb nh\u00fang kh\u00e1c tr\u00ean ch\u00ednh WordPress c\u1ee7a b\u1ea1n, s\u1ebd c\u00f3 nh\u1eefng \u01b0u \u0111i\u1ec3m nh\u01b0 sau: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>H\u1ea1n ch\u1ebf \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i server v\u00e0 website.   <\/li><li>Hi\u1ec3n th\u1ecb \u0111a d\u1ea1ng c\u00e1c qu\u1ea3ng c\u00e1o \u0111\u01b0\u1ee3c nh\u00fang m\u1ed9t c\u00e1ch t\u1ef1 do c\u00e1c n\u1ed9i dung tr\u1ef1c quan.   <\/li><li>Thu\u1eadn ti\u1ec7n thi\u1ebft k\u1ebf c\u00e1c n\u1ed9i dung nh\u00fang tr\u00ean trang web c\u1ee7a m\u00ecnh.   <\/li><li>Ho\u1ea1t \u0111\u1ed9ng m\u1ed9t c\u00e1ch an to\u00e0n v\u00ec ng\u01b0\u1eddi xem kh\u00f4ng c\u00f3 quy\u1ec1n truy c\u1eadp v\u00e0o m\u00e3 g\u1ed1c.   <\/li><\/ul>\n\n\n\n<p>B\u00ean c\u1ea1nh nh\u1eefng \u01b0u \u0111i\u1ec3m m\u00e0 iframe mang l\u1ea1i, song v\u1eabn c\u00f2n m\u1ed9t s\u1ed1 h\u1ea1n ch\u1ebf nh\u1ea5t \u0111\u1ecbnh. \u0110\u00f3 l\u00e0: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u1ea2nh h\u01b0\u1edfng nghi\u00eam tr\u1ecdng \u0111\u1ebfn b\u1ea3o m\u1eadt website n\u1ebfu li\u00ean k\u1ebft v\u1edbi c\u00e1c trang \u0111\u1ed9c h\u1ea1i.   <\/li><li>Iframe c\u00f3 th\u1ec3 l\u00e0m ch\u1eadm web v\u00e0 kh\u00f4ng qu\u00e1 l\u00fd t\u01b0\u1edfng cho vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm.   <\/li><li>K\u00e9n thi\u1ebft b\u1ecb h\u1ed7 tr\u1ee3.   <\/li><\/ul>\n\n\n\n<p>B\u1edfi v\u00ec nh\u1eefng b\u1ea5t c\u1eadp c\u1ee7a iframe c\u0169ng l\u00e0 kh\u00f4ng nh\u1ecf, th\u1ebf n\u00ean ng\u01b0\u1eddi d\u00f9ng c\u1ea7n t\u00ecm hi\u1ec3u nh\u1eefng l\u01b0u \u00fd khi s\u1eed d\u1ee5ng c\u0169ng nh\u01b0 l\u00e0 hi\u1ec3u r\u00f5 khi n\u00e0o ch\u00fang ta m\u1edbi th\u1ef1c s\u1ef1 c\u1ea7n \u0111\u1ebfn iframe. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2021\/05\/img_60922065463ee.png\" alt=\"iframe-la-gi\" class=\"wp-image-8749\" title=\"\"><\/figure><\/div>\n\n\n\n<h3 id=\"Nh\u1eefng_l\u01b0u_\u00fd_khi_d\u00f9ng_iframe_\"><strong>Nh\u1eefng l\u01b0u \u00fd khi d\u00f9ng iframe<\/strong> <\/h3>\n\n\n\n<h4 id=\"V\u1ea5n_\u0111\u1ec1_b\u1ea3o_m\u1eadt_\"><strong>V\u1ea5n \u0111\u1ec1 b\u1ea3o m\u1eadt <\/strong><\/h4>\n\n\n\n<p>Vi\u1ec7c nh\u00fang nhi\u1ec1u trang HTML \u0111\u1ec3 t\u1ea1o c\u00e1c c\u1eeda h\u00e0ng \u0111\u1ed9c l\u1eadp (multiple view) s\u1ebd gi\u00fap cho trang web c\u1ee7a b\u1ea1n tr\u1edf n\u00ean nhi\u1ec1u th\u00f4ng tin, ki\u1ebfn th\u1ee9c v\u00e0 \u0111a d\u1ee5ng h\u01a1n. Tuy nhi\u00ean, \u0111\u1ed3ng th\u1eddi vi\u1ec7c l\u00e0m n\u00e0y s\u1ebd d\u1eabn \u0111\u1ebfn t\u00ecnh tr\u1ea1ng m\u1ea5t ki\u1ec3m so\u00e1t. B\u1ea1n th\u1ef1c s\u1ef1 s\u1ebd r\u1ea5t kh\u00f3 \u0111\u1ec3 r\u00e0 so\u00e1t \u0111\u01b0\u1ee3c m\u00e3 \u0111\u1ed9c trong c\u00e1c th\u1ebb nh\u00fang n\u1ebfu c\u00f3. V\u00e0 vi\u1ec7c nh\u00fang c\u00e1c h\u00ecnh \u1ea3nh, video,&#8230; c\u00f3 ch\u1ee9a m\u00e3 \u0111\u1ed9c s\u1ebd l\u00e0m thay \u0111\u1ed5i th\u00f4ng tin website b\u1ea1n, n\u1eb7ng h\u01a1n n\u1eefa s\u1ebd \u0111\u00e1nh c\u1eafp th\u00f4ng tin ng\u01b0\u1eddi d\u00f9ng v\u00e0 m\u1ea5t uy t\u00edn website. T\u1eeb \u0111\u00f3, m\u1ed9t s\u1ed1 l\u01b0\u1ee3ng l\u1edbn kh\u00e1ch h\u00e0ng b\u1ecb hao h\u1ee5t.  <\/p>\n\n\n\n<h4 id=\"Kh\u1ea3_n\u0103ng_t\u1ed1i_\u01b0u_h\u00f3a_c\u00f4ng_c\u1ee5_t\u00ecm_ki\u1ebfm_\"><strong>Kh\u1ea3 n\u0103ng t\u1ed1i \u01b0u h\u00f3a c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm <\/strong><\/h4>\n\n\n\n<p>Khi b\u1ea1n nh\u00fang iframe v\u00e0o website m\u00ecnh v\u1edbi nhi\u1ec1u n\u1ed9i dung kh\u00e1c nhau, Google Search Bots s\u1ebd d\u1eabn ng\u01b0\u1eddi truy c\u1eadp \u0111\u1ebfn tr\u1ef1c ti\u1ebfp c\u00e1c trang web \u0111\u00f3 thay v\u00ec website c\u1ee7a b\u1ea1n. \u0110i\u1ec1u n\u00e0y s\u1ebd \u1ea3nh h\u01b0\u1edfng kh\u00f4ng nh\u1ecf \u0111\u1ebfn l\u01b0\u1ee3t truy c\u1eadp c\u1ee7a website. D\u1ea7n d\u1ea7n trang web b\u1ea1n s\u1ebd gi\u1ea3m tr\u00ean b\u1ea3ng x\u1ebfp h\u1ea1ng v\u00e0 \u0111\u00e2y l\u00e0 \u0111i\u1ec1u m\u00e0 b\u1ea5t k\u1ef3 doanh nghi\u1ec7p n\u00e0o c\u0169ng kh\u00f4ng mu\u1ed1n x\u1ea3y ra. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Nh\u1eefng tr\u01b0\u1eddng h\u1ee3p b\u1ea5t \u0111\u1eafc d\u0129 n\u00ean d\u00f9ng iframe<\/strong>\n<\/h3>\n\n\n\n<h4 id=\"Khi_\u0111\u00e2y_l\u00e0_s\u1ef1_l\u1ef1a_ch\u1ecdn_duy_nh\u1ea5t_m\u00e0_b\u1ea1n_c\u00f3_\"><strong>Khi \u0111\u00e2y l\u00e0 s\u1ef1 l\u1ef1a ch\u1ecdn duy nh\u1ea5t m\u00e0 b\u1ea1n c\u00f3 <\/strong><\/h4>\n\n\n\n<p>V\u00ec s\u1ef1 an to\u00e0n c\u1ee7a website, b\u1ea1n kh\u00f4ng n\u00ean m\u1ea1o hi\u1ec3m nh\u00fang iframe m\u1ed9t c\u00e1ch v\u00f4 t\u1ed9i v\u1ea1. B\u1ea1n ch\u1ec9 nh\u00fang nh\u1eefng iframe t\u1eeb nh\u1eefng trang web uy t\u00edn v\u00e0 ch\u1ea5t l\u01b0\u1ee3ng. \u0110\u1ed1i v\u1edbi c\u00e1c h\u00ecnh \u1ea3nh, video \u0111\u1ebfn t\u1eeb c\u00e1c m\u1ea1ng x\u00e3 h\u1ed9i l\u1edbn nh\u01b0 Facebook, Instagram, Zalo, Youtube&#8230;b\u1ea1n c\u00f3 th\u1ec3 d\u1eabn tr\u1ef1c ti\u1ebfp  theo c\u01a1 ch\u1ebf s\u1eb5n c\u00f3 thay v\u00ec th\u00f4ng qua iframe \u0111\u1ec3 c\u00f3 th\u1ec3 gi\u1ea3m thi\u1ec3u \u0111\u01b0\u1ee3c r\u1ee7i ro. V\u00e0 h\u00e3y nh\u1edb ki\u1ec3m tra k\u1ef9 c\u00e1c m\u00e3 nh\u00fang tr\u01b0\u1edbc khi \u0111\u01b0a v\u00e0o website c\u1ee7a m\u00ecnh. <\/p>\n\n\n\n<h4 id=\"Truy\u1ec1n_th\u00f4ng_\u0111a_ph\u01b0\u01a1ng_ti\u1ec7n_\"><strong>Truy\u1ec1n th\u00f4ng \u0111a ph\u01b0\u01a1ng ti\u1ec7n <\/strong><\/h4>\n\n\n\n<p>\u0110\u1ec3 ngu\u1ed3n nh\u00fang iframe \u0111\u01b0\u1ee3c \u0111\u1ea3m b\u1ea3o, b\u1ea1n n\u00ean c\u00f3 k\u1ebf ho\u1ea1ch truy\u1ec1n th\u00f4ng \u0111a ph\u01b0\u01a1ng ti\u1ec7n hi\u1ec7u qu\u1ea3. Vi\u1ec7c n\u00e0y s\u1ebd tr\u00e1nh \u0111\u01b0\u1ee3c c\u00e1c t\u1ed5n th\u1ea5t li\u00ean quan \u0111\u1ebfn SEO m\u00e0 c\u00f2n t\u1ea1o n\u00ean s\u1ef1 th\u1ed1ng nh\u1ea5t trong chi\u1ebfn d\u1ecbch truy\u1ec1n th\u00f4ng c\u1ee7a c\u00f4ng ty. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2021\/05\/img_609220681c08d.png\" alt=\"iframe-la-gi\" class=\"wp-image-8750\" title=\"\"><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>T\u01b0\u01a1ng t\u00e1c gi\u1eefa iframe v\u00e0 main page<\/strong>\n<\/h3>\n\n\n\n<p>C\u00fa ph\u00e1p iframe:<strong> &lt;iframe src=&#8221;<a href=\"http:\/\/\">http:\/\/<\/a>&#8220;>&lt;\/iframe><\/strong> <\/p>\n\n\n\n<p>Config iframe page: \u0110\u1ec3 c\u00e1c trang nh\u00fang iframe \u0111\u01b0\u1ee3c ch\u1ea5p nh\u1eadn t\u1ea1i c\u00e1c trang web ch\u00ednh, b\u1ea1n c\u1ea7n c\u00f3 th\u00eam config n\u00e0y trong file: config\/application.rb <\/p>\n\n\n\n<p>Iframe config c\u00f3 hai lo\u1ea1i: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>iframe config link t\u01b0\u01a1ng \u0111\u1ed1i:<\/strong> Khi gh\u00e9p iframe v\u00e0o main page s\u1ebd c\u00f3 d\u1ea1ng sau\/mypage\/jobs   <\/li><li><strong>iframe config link tuy\u1ec7t \u0111\u1ed1i: <\/strong>Khi gh\u00e9p iframe v\u00e0o main page s\u1ebd c\u00f3 d\u1ea1ng sauhttps:\/\/{iframe_url}\/mypage\/jobs   <\/li><\/ul>\n\n\n\n<p>N\u1ebfu b\u1ea1n kh\u00f4ng th\u00eam config v\u00e0o trang web ch\u00ednh th\u00ec s\u1ebd iframe config m\u1eb7c \u0111\u1ecbnh s\u1ebd l\u00e0 link t\u01b0\u01a1ng \u0111\u1ed1i. <\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n chuy\u1ec3n sang link tuy\u1ec7t \u0111\u1ed1i, h\u00e3y th\u00eam fileconfig\/application.rb v\u00e0o sau iframe page.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"700\" height=\"400\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2021\/05\/Thiet-ke-khong-ten-25.jpg\" alt=\"iframe-la-gi\" class=\"wp-image-9839\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2021\/05\/Thiet-ke-khong-ten-25.jpg 700w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2021\/05\/Thiet-ke-khong-ten-25-300x171.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Th\u00f4ng \u0111i\u1ec7p t\u1eeb iframe page b\u1eb1ng js<\/strong>\n<\/h3>\n\n\n\n<p>C\u1ea7n x\u00e2y d\u1ef1ng m\u1ed9t k\u00eanh th\u00f4ng tin l\u1eafng nghe gi\u1eefa hai b\u00ean website b\u1eb1ng m\u1ed9t trong hai c\u00e1ch sau: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>C\u00e1ch 1: <\/strong>S\u1eed d\u1ee5ng API. C\u00e1ch n\u00e0y kh\u00e1 r\u00f5 r\u00e0ng tuy nhi\u00ean s\u1ebd t\u1ed1n t\u00e0i nguy\u00ean c\u1ee7a server v\u00ec ph\u1ea3i request li\u00ean l\u1ee5c l\u00ean server. <\/li><li><strong>C\u00e1ch 2: <\/strong>Giao ti\u1ebfp tr\u1ef1c ti\u1ebfp t\u1eeb client b\u1eb1ng JS. <\/li><\/ul>\n\n\n\n<p>Tuy nhi\u00ean, c\u00e1ch 2 s\u1ebd c\u00f3 \u0111\u00f4i ch\u00fat kh\u00f3 kh\u0103n, b\u1ea1n c\u1ea7n ph\u1ea3i bi\u1ebft linh \u0111\u1ed9ng \u0111\u1ec3 \u1ee9ng bi\u1ebfn, thay \u0111\u1ed5i l\u1ec7nh khi c\u1ea7n thi\u1ebft. <\/p>\n\n\n\n<p>Hy v\u1ecdng b\u00e0i vi\u1ebft n\u00e0y s\u1ebd gi\u00fap c\u00e1c b\u1ea1n hi\u1ec3u \u0111\u01b0\u1ee3c ph\u1ea7n n\u00e0o iframe v\u00e0 nh\u1eefng l\u01b0u \u00fd v\u1ec1 iframe \u0111\u1ec3 website c\u1ee7a m\u00ecnh ho\u1ea1t \u0111\u1ed9ng m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3. N\u1ebfu trong qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n website, b\u1ea1n c\u00f3 b\u1ea5t k\u1ef3 kh\u00f3 kh\u0103n n\u00e0o c\u1ea7n gi\u00fap \u0111\u1ee1 th\u00ec \u0111\u1eebng ng\u1ea7n ng\u1ea1i m\u00e0 h\u00e3y li\u00ean h\u1ec7 cho Tino Host ch\u00fang t\u00f4i \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n mi\u1ec5n ph\u00ed. <\/p>\n\n\n\n<h2 id=\"Nh\u1eefng_c\u00e2u_h\u1ecfi_th\u01b0\u1eddng_g\u1eb7p\"><strong>Nh\u1eefng c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/strong><\/h2>\n\n\n\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"Nh\u1eefng_tr\u00ecnh_duy\u1ec7t_n\u00e0o_h\u1ed7_tr\u1ee3_cho_vi\u1ec7c_s\u1eed_d\u1ee5ng_iframe?\">Nh\u1eefng tr\u00ecnh duy\u1ec7t n\u00e0o h\u1ed7 tr\u1ee3 cho vi\u1ec7c s\u1eed d\u1ee5ng iframe?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>Hi\u1ec7n nay c\u00f3 r\u1ea5t nhi\u1ec1u tr\u00ecnh duy\u1ec7t cho ph\u00e9p b\u1ea1n d\u00f9ng iframe, trong \u0111\u00f3 c\u00f3: Chrome, Internet Explorer\/ Edge, FireFox, Safari, Opera.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"C\u00fa_ph\u00e1p_c\u1ee7a_\u0111\u00f3ng_m\u1edf_popup_l\u00e0_g\u00ec?_\">C\u00fa ph\u00e1p c\u1ee7a \u0111\u00f3ng m\u1edf popup l\u00e0 g\u00ec? <\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>\u0110\u1ec3 th\u00eam m\u1ed9t event l\u1eafng nghe c\u00e1c th\u00f4ng \u0111i\u1ec7p c\u1ee7a iframe page, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00fa ph\u00e1p \u0111\u00f3ng m\u1edf popup nh\u01b0 sau: window.addEventListener(\u201cmessage\u201d, function(event) { })<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"L\u00e0m_sao_\u0111\u1ec3_nh\u00fang_\u0111\u01b0\u1ee3c_iframe_v\u00e0o_WordPress?\">L\u00e0m sao \u0111\u1ec3 nh\u00fang \u0111\u01b0\u1ee3c iframe v\u00e0o WordPress?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>C\u00f3 nhi\u1ec1u c\u00e1ch \u0111\u1ec3 nh\u00fang \u0111\u01b0\u1ee3c iframe v\u00e0o WordPress v\u00e0 m\u1ed9t trong s\u1ed1 \u0111\u00f3 l\u00e0 d\u00f9ng plugin.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"H\u01b0\u1edbng_d\u1eabn_nh\u00fang_iframe_v\u00e0o_WordPress_b\u1eb1ng_plugin?_\">H\u01b0\u1edbng d\u1eabn nh\u00fang iframe v\u00e0o WordPress b\u1eb1ng plugin? <\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>\n  C\u1ee5 th\u1ec3, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng plugin advanced iframe \u0111\u1ec3 th\u1ef1c hi\u1ec7n, ch\u1ec9 v\u1edbi c\u00e1c b\u01b0\u1edbc v\u00f4 c\u00f9ng \u0111\u01a1n gi\u1ea3n sau:\n<\/p>\n\n\n\n<p>   <strong>B\u01b0\u1edbc 1: <\/strong>\u0110\u0103ng nh\u1eadp wordpress \u2192 plugins \u2192 th\u00eam m\u1edbi v\u00e0 t\u00ecm ki\u1ebfm \u2192 advanced iframe. <\/p>\n\n\n\n<p>   <strong>B\u01b0\u1edbc 2: <\/strong>C\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t plugin iframe WordPress. Sau \u0111\u00f3 \u0111\u1ebfn tab advanced iframe \u2192 tab basic settings \u0111\u1ec3 thay \u0111\u1ed5i c\u00e1c k\u00edch th\u01b0\u1edbc. <\/p>\n\n\n\n<p>   <strong>B\u01b0\u1edbc 3:<\/strong> Nh\u1ea5n v\u00e0o generate a shortcode for a current settings \u0111\u1ec3 l\u01b0u v\u00e0 t\u1ea1o m\u1ed9t m\u00e3 ng\u1eafn. <\/p>\n\n\n\n<p>   <strong>B\u01b0\u1edbc 4:<\/strong> Sao ch\u00e9p v\u00e0 d\u00e1n m\u00e3 v\u00e0o trang b\u1ea1n mu\u1ed1n nh\u00fang iframe n\u00e0y. <\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\n<script type=\"application\/ld+json\">\n\t{\n\t\t\"@context\": \"https:\/\/schema.org\",\n\t\t\"@type\": \"FAQPage\",\n\t\t\"mainEntity\": [\n\t\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Nh\u1eefng tr\u00ecnh duy\u1ec7t n\u00e0o h\u1ed7 tr\u1ee3 cho vi\u1ec7c s\u1eed d\u1ee5ng iframe?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>Hi\u1ec7n nay c\u00f3 r\u1ea5t nhi\u1ec1u tr\u00ecnh duy\u1ec7t cho ph\u00e9p b\u1ea1n d\u00f9ng iframe, trong \u0111\u00f3 c\u00f3: Chrome, Internet Explorer\/ Edge, FireFox, Safari, Opera.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"C\u00fa ph\u00e1p c\u1ee7a \u0111\u00f3ng m\u1edf popup l\u00e0 g\u00ec? \",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>\u0110\u1ec3 th\u00eam m\u1ed9t event l\u1eafng nghe c\u00e1c th\u00f4ng \u0111i\u1ec7p c\u1ee7a iframe page, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00fa ph\u00e1p \u0111\u00f3ng m\u1edf popup nh\u01b0 sau: window.addEventListener(\u201cmessage\u201d, function(event) { })<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"L\u00e0m sao \u0111\u1ec3 nh\u00fang \u0111\u01b0\u1ee3c iframe v\u00e0o WordPress?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>C\u00f3 nhi\u1ec1u c\u00e1ch \u0111\u1ec3 nh\u00fang \u0111\u01b0\u1ee3c iframe v\u00e0o WordPress v\u00e0 m\u1ed9t trong s\u1ed1 \u0111\u00f3 l\u00e0 d\u00f9ng plugin.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"H\u01b0\u1edbng d\u1eabn nh\u00fang iframe v\u00e0o WordPress b\u1eb1ng plugin? \",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>\n  C\u1ee5 th\u1ec3, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng plugin advanced iframe \u0111\u1ec3 th\u1ef1c hi\u1ec7n, ch\u1ec9 v\u1edbi c\u00e1c b\u01b0\u1edbc v\u00f4 c\u00f9ng \u0111\u01a1n gi\u1ea3n sau:\n<\/p><p><strong>B\u01b0\u1edbc 1: <\/strong>\u0110\u0103ng nh\u1eadp wordpress \u2192 plugins \u2192 th\u00eam m\u1edbi v\u00e0 t\u00ecm ki\u1ebfm \u2192 advanced iframe. <\/p><p><strong>B\u01b0\u1edbc 2: <\/strong>C\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t plugin iframe WordPress. Sau \u0111\u00f3 \u0111\u1ebfn tab advanced iframe \u2192 tab basic settings \u0111\u1ec3 thay \u0111\u1ed5i c\u00e1c k\u00edch th\u01b0\u1edbc. <\/p><p><strong>B\u01b0\u1edbc 3:<\/strong> Nh\u1ea5n v\u00e0o generate a shortcode for a current settings \u0111\u1ec3 l\u01b0u v\u00e0 t\u1ea1o m\u1ed9t m\u00e3 ng\u1eafn. <\/p><p><strong>B\u01b0\u1edbc 4:<\/strong> Sao ch\u00e9p v\u00e0 d\u00e1n m\u00e3 v\u00e0o trang b\u1ea1n mu\u1ed1n nh\u00fang iframe n\u00e0y. <\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t]\n\t}\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>M\u1ed9t trong nh\u1eefng c\u00e1ch l\u00e0m cho WordPress c\u1ee7a b\u1ea1n tr\u1edf n\u00ean sinh \u0111\u1ed9ng v\u00e0 ho\u1ea1t \u0111\u1ed9ng hi\u1ec7u qu\u1ea3 h\u01a1n &#8211; \u0111\u00f3 ch\u00ednh l\u00e0 nh\u1edd \u0111\u1ebfn iframe . Iframe l\u00e0 g\u00ec? Iframe (inline iframe) l\u00e0 khung n\u1ed9i tuy\u1ebfn &#8211; th\u00e0nh ph\u1ea7n th\u1ebb tag \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng nh\u00fang m\u1ed9t trang HTML kh\u00e1c g\u1ed3m c\u00f3 h\u00ecnh \u1ea3nh, video, [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":26828,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[6154],"class_list":["post-16246","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-kien-thuc-wordpress"],"_links":{"self":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/16246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/comments?post=16246"}],"version-history":[{"count":1,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/16246\/revisions"}],"predecessor-version":[{"id":107411,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/16246\/revisions\/107411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media\/26828"}],"wp:attachment":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media?parent=16246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/categories?post=16246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/tags?post=16246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}