CopySafe Web Return to index  
3.0 Creating the insert

Adding copy protection to any web page is a simple as adding some html code to the page. If using static html then the required code needs to be added to each page to be protected. if using pages assembled on the fly from includes and templates, then all you have to do is create some new includes to add or add the Copysafe Web html code to existing templates.

Anatomy of the protected page

First let's look at what code is required to activate the the protection of the CopySafe plugin.

Basic requirements

Any page can be protected by adding code to two (2) areas in a page:

     1. CSI include between the head tags for the JavaScript routines
     2. The code that displays the encrypted image

The two basic requirements are enough to invoke copy protection and redirect to the download pages if a user doesn't have the required plugin, but they are not quite enough to cater for browser inadequacies and possible attempts to get around your protection.

Full requirements

As well as the two previously mentioned parts, you also need to cater for workarounds like:

    - What if JavaScript is disabled?
    - What if their web browser is impersonating another browser type?
    - What if they disable the plugin after the page is loaded?
    - What if there is an error in the plugin activation?

All of these problem areas are covered by functions in the plugin, the csi.js include and extra code that can be added to the page. In some cases the protection of the plugin may be adequate, but it's best to be sure that we have all the different browser and platform quirks covered even if some protection is doubled.

Disabled JavaScript

The NOSCRIPT function in the head tags will prevent a visitor from accessing the web page without having JavaScript enabled. Technically this should also prevent most search engines and site grabbers because they do not support JavaScript.

Print prevention

Printing is prevented by actions of the plugin, some code in the head tags and some code in the body tag. To enable printing on a given page you will have to negate or remove these items.

Drag'n'drop prevention

Drag'n'drop is the method of mouse dragging images and media from a web page to the desktop. In effect it is similar to copy'n'paste. Drag'n'drop is prevented by code in the body tag.

Disabled plugin

In some browsers like Firefox it is possible to disable the plugin after the page is loaded. When using a protected image that has been encrypted this is not a worry because without the plugin the image will immediately disappear. But with the insert method of protection, the media to be protected can eb left exposed. To resolve this issue we recommend using one of the layer methods, preferably the layer with focus control, then should the visitor move the mouse out of the browser window area then the media will disappear.

Browser selection

For a web browser to be allowed access to a protected page it needs to be permitted in the CSI settings. Most popular browsers are supported and enabled by default, however you can prevent a particular web browser type from accessing your pages simply by changing its setting from true to false. For example your network users may all be using Internet Explorer in which case you can further secure your pages by making them inaccessible to all other browsers. Or you may want to prevent information leakage by preventing Chrome browsers to access the pages.

Browser cloaking

Browser cloaking is the impersonation of a different web browser. For example with Firefox you can install an add-on that changes the user-agent so that you can impersonate Internet Explorer. While this may not seem a problem, note that these two browsers use completely different plugins and while one may be installed and active, it may not fire if the browser type is not appropriate. Your CSI insert includes functions to detect the problem and will redirect if necessary.

Insert examples

In your download is a folder named insert which contains several examples:

    - example (small image to add to pages to protect)
    - insert (as above with content added to page)
    - using a layer
    - using a layer with focus control
    - using a layer with timer

To see how each of these work simply upload the insert folder to your web site and navigate to insert/index.html

Creating your custom includes

From the example pages you can use the code to add to your existing pages.
Copyright © 1998-2017 ArtistScope. All Rights Reserved.