beeker1121 / exit-intent-popup Goto Github PK
View Code? Open in Web Editor NEWDisplay an HTML and CSS based popup on exit intent
Home Page: http://beeker.io/exit-intent-popup-script-tutorial
License: MIT License
Display an HTML and CSS based popup on exit intent
Home Page: http://beeker.io/exit-intent-popup-script-tutorial
License: MIT License
Hey,
when the option " cookieExp: 0" is on... the popup is shown everytime where it was included (but without black background).
Do you know why?
Many regards
Paul
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
at Object.addCSS (http://www.casamoda.com/media/exit-intent-popup/js/bioep.min.js:4:94)
hi, would you please update the tags to the latest version so that we can add your lib to https://cdnjs.com with git auto-update.
thank you very much!
cdnjs/cdnjs#6400
tried the preview. works great in chrome, but not in IE (edge was fine too). Any workaround so that IE can function similarly?
Is there anyway to not have to put all the HTML of the popup into the javascript. Perhaps just letting the javascript know which div to fire by id instead?
Would it be possible that you make a release tag, so it is possible to address a certain tag when including exit-intent-popup in a project?
Hi Thanks for this. I am trying to paste in javascript code for a survey in the popup and it does not ever show up. even when I escape the beginning and ending script tags. Is there a workaround for this?
Here is the code I am trying to paste in:
bioEp.init({ width: 500, height: 500, html: '<div id="bio_ep_content">' + '<script>' + '(function(t,e,n,o){var s,c,a;t.SMCX=t.SMCX||[],e.getElementById(o)||(s=e.getElementsByTagName(n),c=s[s.length-1],a=e.createElement(n),a.type="text/javascript",a.async=!0,a.id=o,a.src=["https:"===location.protocol?"https://":"http://","widget.surveymonkey.com/collect/website/js/Ba1lnQm_2FNYvZAGHkhU85JlWZ_2FT_2FztMmG1aFooyX1_2Ft5zu_2BT0CMg94fD0n5defRkk.js"].join(""),c.parentNode.insertBefore(a,c))})(window,document,"script","smcx-sdk");' + '</' + 'script>' + '</div>', cookieExp: 0 });
I opened the page on an iPhone and was welcomed by the popup
The X in the close button looks like it is being injected into the DOM via the script. Is there any way this can be disabled, as I would rather use a font icon library such as Font Awesome.
Thanks
I noticed that the cookie is always set, even if the mouse never leaves this window. As a result the popup only ever show while on the first page. If the user navigates around on the website and e.g. leaves window on 3rd page, the cookie already exists and there is no popup. How can I change this?
i don't want to put cookieExp option to 0, because it will fire on every page, i don't want to popup shows on every page load.
how can i solve this issue??
Do not create the popup close button if it's already in the content (getElementById like html element itself).
This will make it much easier to design a custom close button for the popup.
Is there any way to trigger the popup using a different event (in addition to the exit intent)? For example, clicking a link would also trigger the popup?
The latest updates have introduced a bug that triggers the popup when there is a mouseover of a scrollbar on the page. I had to revert back to the version checked in on 11/21 in order to find a version working properly.
Hi,
the popup is shown, when the page is loaded.
$(document).ready(function () {
bioEp.init(); }
To fix this I've added a class=hide to the div.
$(document).ready(function () {
var hidePopup = $(".hide");
bioEp.init();
hidePopup.removeClass("hide"); }
CSS:
.hide {display:none;}
Just want to clarify if I've put the bioep.init(); in the wrong place or this is an improvement.
Hi Ma'am/Sir
How can I set the cookie expiration every 30 minutes?.
As you can see from the picture. When you hover over THE CORNERS of it, it triggers the exit intend. That's not correct. But somehow it is realy just triggering at some pixels of that http window. The autocomplete dropdown is working properly. I'm on Ubuntu 15 by the way. Is this also possible to fix in the future?
You already fixed a very similar issue here: #20
I'm sure it's not that hard. Someone knows?
Issue also exists in the https://github.com/carlsednaoui/ouibounce project.
Since we updated to the new JS, we have that problem that downloads opens twice. This not happens every time. Tested on OSX with Chrome and FF
a callback function would be awesome, for things like (Google Analytics) event tracking of the showPopup and hidePopup functions.
Great work!
Issue: If someone is filling in a form and their browser shows previously filled entries and the user hovers over one of them, the popup triggers (as it thinks the person has left the browser window).
Problem seen in
Can't reproduce in
Hi,
Thanks for this excellent script. The issue is on checking the script on iOS devices, (checked in iPhone 6 and 4S) , And the free simulator https://appetize.io/demo . The issue is I believe something do with the Transform Matrix but could not get any more idea. The pop-up is displayed at the bottom right of the page and displays only the top left part of the popup. I have attached a screen shot of this taken from the Appetize.io simulator.
Thanks
Hi do you know if it's possible to use from fontawesome as a close icon? Thanks for your feedback
would you please consider adding package.json so that we can add your lib on https://cdnjs.com.
thank you very much!
cdnjs/cdnjs#6400
At the moment the popup will just close if the close button is used
Wondering if there would be a way to have a timer on that would select popup A, and then a different popup for the Exit Intent?
In IE10 and below (compat modes in IE11) I get an error:
SCRIPT5007: Unable to get property 'appendChild' of undefined or null reference
File: bioep.js, Line: 115, Column: 3
which is for this line which gets triggered from your domReady function:
document.body.appendChild(this.bgEl);
This happens with the demo as well as my code, and I'm guessing this is an issue with document.readyState?
Is IE10 supported?
I think your pop up is awesome. I would like to request that you make this responsive on mobile screens. Thank you
Popup displays when I move the mouse to scroll bar. This happens in Google Chrome. Do you have a fix for this issue?
Being told that the popup is not resizing and that the "X" to close is not showing up at all...
I believe that if you change the code to:
line 27: if(days && days > 0) { /* added && days > 0 */
line 61: if(this.cookieExp < 0) { /* replaced <= with < */
then setting cookieExp to 0 would mean once per session, while -1 would mean every time the page loads.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.