Add config to allow subdomain cookies

README.md

@@ -64,6 +64,7 @@ OuiBounce offers a few options, such as:
 - [Timer](#set-a-min-time-before-ouibounce-fires)
 - [Callback](#callback)
 - [Cookie expiration](#cookie-expiration)
+- [Cookie domain](#cookie-domain)
 - [Sitewide cookie](#sitewide-cookie)
 - [Chaining options](#chaining-options)
 
@@ -109,6 +110,21 @@ _Example:_
 ouibounce(document.getElementById('ouibounce-modal'), { cookieExpire: 10 });
 ```
 
+##### Cookie domain
+Ouibounce sets a cookie by default to prevent the modal from appearing
+more than once per user. You can add a cookie domain using
+`cookieDomain` to specify the domain under which the cookie should work.
+By default, no extra domain information will be added. If you need a
+cookie to work also in your subdomain (like blog.example.com and
+example.com), then set a cookieDomain such as .example.com (notice the
+dot in front).
+
+_Example:_    
+```js
+ouibounce(document.getElementById('ouibounce-modal'), { cookieDomain:
+'.example.com' });
+```
+
 ##### Sitewide cookie
 You can drop sitewide cookies by using this option.
 
@@ -125,6 +141,7 @@ _Example:_
 ouibounce(document.getElementById('ouibounce-modal'), {
   aggressive: true,
   sitewide: true,
+  cookieDomain: '.example.com',
   timer: 0,
   callback: function() { console.log('ouibounce fired!'); }
 });

build/ouibounce.js

@@ -17,6 +17,7 @@ return function ouibounce(el, config) {
     timer        = setDefault(config.timer, 1000),
     callback     = config.callback || function() {},
     cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
+    cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
     sitewide     = config.sitewide === true ? ';path=/' : '',
     _html        = document.getElementsByTagName('html')[0];
 
@@ -93,8 +94,14 @@ return function ouibounce(el, config) {
       sitewide = ';path=/';
     }
 
-    document.cookie = 'viewedOuibounceModal=true' + cookieExpire + sitewide;
-
+    // you can pass a domain string, for example when the cookie should be
+    // read subdomain-wise, e.g.: .example.com
+    if (typeof options.cookieDomain !== 'undefined') {
+      cookieDomain = options.cookieDomain;
+    }
+
+    document.cookie = 'viewedOuibounceModal=true' + cookieExpire + cookieDomain + sitewide;
+
     // remove listeners
     _html.removeEventListener('mouseout', handleMouseout);
     _html.removeEventListener('keydown', handleKeydown);
@@ -105,6 +112,7 @@ return function ouibounce(el, config) {
     disable: disable
   };
 }
+
 ;
 
 }));

source/ouibounce.js

@@ -5,6 +5,7 @@ function ouibounce(el, config) {
     timer        = setDefault(config.timer, 1000),
     callback     = config.callback || function() {},
     cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
+    cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
     sitewide     = config.sitewide === true ? ';path=/' : '',
     _html        = document.getElementsByTagName('html')[0];
 
@@ -81,8 +82,14 @@ function ouibounce(el, config) {
       sitewide = ';path=/';
     }
 
-    document.cookie = 'viewedOuibounceModal=true' + cookieExpire + sitewide;
-
+    // you can pass a domain string, for example when the cookie should be
+    // read subdomain-wise, e.g.: .example.com
+    if (typeof options.cookieDomain !== 'undefined') {
+      cookieDomain = options.cookieDomain;
+    }
+
+    document.cookie = 'viewedOuibounceModal=true' + cookieExpire + cookieDomain + sitewide;
+
     // remove listeners
     _html.removeEventListener('mouseout', handleMouseout);
     _html.removeEventListener('keydown', handleKeydown);
@@ -93,3 +100,4 @@ function ouibounce(el, config) {
     disable: disable
   };
 }
+