Knowledge base/4.0 Promoting and Distributing/4.1 Promotional Tools and Embed Codes
How to: Embed your publication in your website (Masked URL)
The Mygazines Team
posted this on February 11, 2010 09:51 am
Customizing your URL (also called masking) is relatively easy. You have three options:
Option 1: Javascript Code (recommended)
Embedding your publication in your Website (masked URL- No mygazines reference visible to viewer)
1) Ensure that the javascript file embed_pub.js (attached in this post) is uploaded to the web host and saved to the same directory as the web page is stored). This javascript file contains the commands which will load the publication and flipbook.
2) Create and save an html file on your web host directory that looks like the below code block. This html file calls the javascript file you saved in step 1.
(The customer must change the bold values. Support comments are enclosed within //....// and are not to be included in customer html file)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>My embeded issue</title> //Change this title to your own title//
<script src="embed_pub.js"></script>
</head>
<body>
<script>load_pub(XXXX, "issue");</script>
//Could also be: “load_pub(XXXX, “title”) if you want to link to your title# instead of issue#, where XXXX is the actual number of the issue or title//
</body>
</html>
3) Create an iframe in your website html code to define the area in which the publication is to be viewed and set the iframe source as the new html document you created in step 2: (your_file.htm in the below example).
An iframe is an html tag that defines an area within a webpage that will load another webpage. Here is an example of what your iframe tag could look like.
<iframe src ="your_file.htm" width="custom size" height="custom size">
<p>Your browser does not support iframes.</p> //error message if browser can’t load the iframe//
</iframe>
Option 2: HTML Frame
You could set up a simpler HTML frame in your website and place the Mygazines content in it. It will do the same thing as the javascript code, but "mygazines" reference will appear in your source code (not in the URL address bar).
With frames, you can display an independent page in the same browser window.
In the example below we have a frameset with two columns. The first column is set to 1% of the width of the browser window. The second column is set to 99% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "http://www.mygazines.com/issue/xxxx"; is put into the second column:
<frameset cols="1%,99%">
<frame src="frame_a.htm">
<frame src="http://www.mygazines.com/issue/xxxx">;
</frameset>
The frameset column size value can also be set in pixels (cols="200,500"), and one of the columns can be set to use the remaining space (cols="10%,*").
Include your links and place this code in you website's head tag.
Also, to prevent a user from resizing the columns, you can add noresize="noresize" to the <frame> tag.
Option 3: Forward the link
In case you wanted to set a whole domain only for your publication, you can do it by simply forwarding the link. That means www.mypublication.com actually forwards to your link which could then be seen in the address bar. Each domain provider has its own settings for this, and should be fairly easy to do through your registrar.
-----------------------------------------------------------------
Download the package below for Option 1 above
Comments