Home arrow JavaScript arrow Page 2 - Boosting Ezine Subscribers With a Popup Window
JAVASCRIPT

Boosting Ezine Subscribers With a Popup Window


Every top Internet marketer knows that ezine advertising and promotions are some of the best ways to drive targeted traffic to your site for little to no cost. In this article Mitchell shows us how to use JavaScript to create a popup window that allows visitors to our web sites to enter their email address and receive our newsletter.

Author Info:
By: Mitchell Harper
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
April 17, 2002
TABLE OF CONTENTS:
  1. · Boosting Ezine Subscribers With a Popup Window
  2. · A Popup is the Answer
  3. · How setCookie Is Used
  4. · Conclusion

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Boosting Ezine Subscribers With a Popup Window - A Popup is the Answer
(Page 2 of 4 )

The technique I'm about to describe is one of the best I've ever used to attract more subscribers to the devArticles ezine, called devXpress. Firstly, it involves the creation of a popup window using JavaScript. Like many other Webmasters, I once thought that using a popup window degraded the professionalism of my site. Boy was I wrong!

Adding a simple signup popup to my site increased my ezine subscriptions from about 20 a day to well over 100! No joke.

Visitors don't want to be annoyed by popup windows every time they visit your site, however. This is where cookies come into play. Using cookies, you can make their browser "remember" if your ezine signup page has already been displayed. If it has, then the page won't be displayed again.

Getting and Setting the Cookie
To start with, we need to create the generic functions that will actually get and set the cookies from the user's browser. To access the visitor's cookies through JavaScript, we manipulate the document.cookie value. It contains all the cookies that have been set for this user when they visit our site. It's important to note that we can only access the cookies that we have set, and not those set by other sites.

Cookies are stored by the Web browser in a plain text file on the visitor's computer. The browser checks the cookie file on their hard drive to see whether it contains any cookies for our site; if it does, the browser loads them automatically for us.

Each cookie is stored as a name/value pair. A sample document.cookie variable looks like this:

myCookie=myValue;myName=Mitchell;mySite=www.devarticles.com;

We will create two functions named setCookie and getCookie. They're created between <script> and </script> tags, just before the </head> tag of our HTML page, like this:

<script language= "JavaScript">

function setCookie(cookieName, cookieValue, cookiePath,
cookieExpires)
{

cookieValue = escape(cookieValue);
if (cookieExpires == "")
{
var nowDate = new Date();
nowDate.setMonth(nowDate.getMonth() + 6);
cookieExpires = nowDate.toGMTString();
}

if (cookiePath != "")
{
cookiePath = ";Path=" + cookiePath;
}

document.cookie = cookieName + "=" + cookieValue +
";expires=" + cookieExpires + cookiePath;
}

function getCookie(name)
{
var cookieString = document.cookie;
var index = cookieString.indexOf(name + "=");

if (index == -1)
{
return null;
}

index = cookieString.indexOf("=", index) + 1;
var endstr = cookieString.indexOf(";", index);

if (endstr == -1)
{
endstr = cookieString.length;
}

return unescape(cookieString.substring(index, endstr));
}
</script>

blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 9 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials