How to Prevent Embedding Website Inside An Iframe?

In one of our previous posts, we have already discussed how to create an HTML iFrame in order to embed any document or a webpage to your website or blog. You can go check it out for more information.

Now, coming to an inline iFrame. An inline iFrame is primarily used to embed documents or web pages within the current document. If you’re familiar with basic HTML, it will be very easy for you to create an iFrame and get started right away.

However, if you’re someone who doesn’t know the basics of HTML, it doesn’t mean that you cannot accomplish this task with ease. You need to worry as we have already provided an iFrame Generator tool for you.

Our iFrame generator tool will help you to create an iFrame and customize it according to your requirements. The best part about our tool is that anyone can use it! You don’t need to learn about the HTML language to do a simple task.

Today, let’s talk about how you can prevent embedding your website or blog inside an iFrame. There are many websites on the internet that will embed your website content using iFrame tags for you, but you get to choose if you want to change that.

In case if you don’t want other websites to embed your content, you can prevent it by using a snippet code of JavaScript. This javascript code will help you to stop your page from being framed by someone else by redirecting the page embedding your page to your page only.

All you have to do is paste below javascript code before or
tag in your blog or website’s HTML code.

<script type="text/javascript">

function noiFrame() {

try {

if (window.top !== window.self) {

document.write = "";

window.top.location = window.self.location;

setTimeout(function() {

document.body.innerHTML = '';

}, 0);

window.self.onload = function() {

document.body.innerHTML = '';

};

}

} catch (err) {

}

}

noiFrame();

</script>

As you can see, the process to prevent the embedding of your website is quick and simple.

About Nitin Maheta