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. |
|