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

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

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




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