<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Hướng dẫn thiết lập CSP để nhúng các mã iframe</title>
<meta name="description" content="Hướng dẫn thiết lập CSP để nhúng các mã iframe - Savefile - Tin Tức - https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html">
<meta name="keywords" content="tin tức webnhanh,  hướng dẫn sử dụng">
<meta name="news_keywords" content="tin tức webnhanh,  hướng dẫn sử dụng">
<meta name="author" content="WEB NHANH - WEB GIÁ RẺ">
<meta name="copyright" content="WEB NHANH - WEB GIÁ RẺ [web@vinades.vn]">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="google-site-verification" content="Nd0_ctO8I4XllB1sBSJVIpR7VYw--rjY5yq0OXJ4dhY">
<meta name="generator" content="NukeViet v4.5">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Hướng dẫn thiết lập CSP để nhúng các mã iframe">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html">
<meta property="og:site_name" content="WEB NHANH - WEB GIÁ RẺ">
<meta property="og:url" content="https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html">
<link rel="shortcut icon" href="https://webnhanh.vn/uploads/logo-be.png">
<link rel="canonical" href="https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html">
<link rel="alternate" href="https://webnhanh.vn/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/huong-dan-su-dung/" title="Tin Tức - Hướng dẫn sử dụng" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/ban-tin-webnhanh/" title="Tin Tức - Bản tin webnhanh" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/khuyen-mai/" title="Tin Tức - Khuyến mãi" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/doi-tac-cua-chung-toi/" title="Tin Tức - Đối tác của chúng tôi" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/trung-tam-ho-tro-khach-hang/" title="Tin Tức - Trung tâm trợ giúp khách hàng" type="application/rss+xml">
<link rel="alternate" href="https://webnhanh.vn/news/rss/kien-thuc-website/" title="Tin Tức - Kiến thức website" type="application/rss+xml">
<link rel="preload" as="style" href="https://webnhanh.vn/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/themes/webnhanh/css/bootstrap.min.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/themes/webnhanh/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/themes/webnhanh/css/style.responsive.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/themes/webnhanh/css/custom.css" type="text/css">
<link rel="preload" as="style" href="https://webnhanh.vn/assets/css/webnhanh.vi.0.css" type="text/css">
<link rel="preload" as="script" href="https://webnhanh.vn/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/themes/webnhanh/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/themes/webnhanh/js/webnhanh.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.googletagmanager.com/gtag/js?id=G-B1GY4P44K5" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/themes/webnhanh/js/bootstrap.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://webnhanh.vn/themes/webnhanh/plugins/lazy/jquery.lazy.min.js" type="text/javascript">
<link rel="StyleSheet" href="https://webnhanh.vn/assets/css/font-awesome.min.css">
<link rel="StyleSheet" href="https://webnhanh.vn/themes/webnhanh/css/bootstrap.min.css">
<link rel="StyleSheet" href="https://webnhanh.vn/themes/webnhanh/css/style.css">
<link rel="StyleSheet" href="https://webnhanh.vn/themes/webnhanh/css/style.responsive.css">
<link rel="StyleSheet" href="https://webnhanh.vn/themes/default/css/news.css">
<link rel="StyleSheet" href="https://webnhanh.vn/themes/webnhanh/css/custom.css">
<link rel="StyleSheet" href="https://webnhanh.vn/assets/css/webnhanh.vi.0.css">
<style type="text/css">
	body{background: #fff;}
</style>
        <!-- Google tag (gtag.js) -->
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-B1GY4P44K5');
</script>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">WEB NHANH - WEB GIÁ RẺ</h2>
		<p class="pull-right"><a title="WEB NHANH - WEB GIÁ RẺ" href="https://webnhanh.vn/">https://webnhanh.vn</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Hướng dẫn thiết lập CSP để nhúng các mã iframe</h1>
		<ul class="list-inline">
			<li>Thứ năm - 13/04/2023 23:00</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			Chắc hẳn website của các bạn thường xuyên nhúng các mã iframe từ các website khác về website mà mình đang quản lý. Nhưng đều gặp tình trạng đó là mã iframe đó đều không hiển thị khi xem.Vậy thì cách khắc phục và lý do khiến cho việc mã iframe không xem được là gì?
		</div>
		<div id="bodytext" class="clearfix">
			<h2>Thiết lập CSP là gì?</h2>
Trong mã nguồn NukeViet ở các bản từ 4.4 trở lên trong quản trị đều có thêm phần mới đó là thiết lập CSP. Thiết lập CSP được hiểu đơn giản là ngăn chặn các mã nhúng từ các website khác nhằm đảm bảo tính an toàn cho website.<br />
Chính vì tính bảo mật như vậy thành ra khiến cho việc nhúng các mã iframe từ các website khác về website bạn đang quản lý là điều sẽ không hoạt động trên website.
<h2>Cách thiết lập CSP</h2>
Để thiết lập CSP rất đơn giản các bạn có thể làm theo các bước sau<br />
1. Cứ nhúng mã iframe bình thường từ các website khác về website bạn đang quản lý<br />
2. Kiểm tra mã nhúng iframe đó. Nếu mã nhúng đó không hoạt động thì bạn ấn F12 (hoặc chuột phải kiểm tra website)<br />
3. Chọn tab Bảng điều khiển.&nbsp;<br />
Tìm tới lỗi đang có trên website
<div class="image-center">
<figure class="image"><img alt="Lỗi chưa thiết lập CSP" height="86" src="https://webnhanh.vn/uploads/news/2023_04/image-20230413155100-1.png" width="800" />
<figcaption>Lỗi chưa thiết lập CSP</figcaption>
</figure>
</div>
Thường trình duyệt sẽ báo lỗi đại khái là nguồn bạn nhúng chưa được khái báo vào iframe-src trong thiết lập CSP.<br />
4. Vào thiết lập an ninh &gt; Thiết lập CSP &gt; Tìm dòng iframe-src<br />
Và khai báo địa chỉ website bạn lấy iframe về
<div class="image-center">
<figure class="image"><img alt="Thêm địa chỉ website vào CSP" height="169" src="https://webnhanh.vn/uploads/news/2023_04/image-20230413155348-2.png" width="800" />
<figcaption>Thêm địa chỉ website vào CSP</figcaption>
</figure>
</div>
Lưu ý: Các bạn hãy khai báo tên miền *.domain . Để cho các địa chỉ khác của domain này đều được cho phép<br />
5. Lưu lại thiết lập CSP
		</div>
				<div id="author">
						<p>
				<strong>Tác giả:</strong>
				Nguyễn Lương Nam
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html" title="Hướng dẫn thiết lập CSP để nhúng các mã iframe">https://webnhanh.vn/news/savefile/huong-dan-su-dung/huong-dan-thiet-lap-csp-de-nhung-cac-ma-iframe-107.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; WEB NHANH - WEB GIÁ RẺ
		</div>
		<div id="contact">
			<a href="mailto:web@vinades.vn">web@vinades.vn</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://webnhanh.vn/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=j1F4nEQ3" width="1" height="1" /></div>
<script src="https://webnhanh.vn/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_recaptcha_ver=2,nv_recaptcha_sitekey="6LeJgb0UAAAAAMPl-MoCj7l0Hhaq6c9Lt4w2Uu5m",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://webnhanh.vn/assets/js/language/vi.js"></script>
<script src="https://webnhanh.vn/assets/js/DOMPurify/purify3.js"></script>
<script src="https://webnhanh.vn/assets/js/global.js"></script>
<script src="https://webnhanh.vn/assets/js/site.js"></script>
<script src="https://webnhanh.vn/themes/default/js/news.js"></script>
<script src="https://webnhanh.vn/themes/webnhanh/js/main.js"></script>
<script src="https://webnhanh.vn/themes/webnhanh/js/webnhanh.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://webnhanh.vn/",
            "logo": "https://webnhanh.vn/uploads/logo.png"
        }
        </script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B1GY4P44K5"></script>
<script src="https://webnhanh.vn/themes/webnhanh/js/bootstrap.min.js"></script>
<script src="https://webnhanh.vn/themes/webnhanh/plugins/lazy/jquery.lazy.min.js"></script>
</body>
</html>