Stay on Page or Leave Page Popup script लगाएँ

मनोज जैसवाल:सभी पाठकों को प्यार भरा नमस्कार,मेरी पिछली पोस्ट को पसंद करने के लिए आप सभी का हार्दिक आभार.तकनीकी पोस्टो के क्रम में आज पेश है 'Stay on Page or Leave Page" Popup script लगाएँ' इस विजेट से आप अपने ब्लॉग या वेब साईट पर आए पाठकों को कुछ समय रोक सकते हैं.जब पाठक आपके ब्लॉग से जायेगें तब उन्हें यह पॉपअप सदेश दिखाई देगा. वास्तव में यह आप के ब्लॉग के बाउंस दर को कम करने में मदद करता है.मैं आशा करता हूँ कि यह विजेट आपको ज़रुर पसंद आएगा इसका लाइव डेमो आप नीचे देख सकते हैं.वहाँ आपको यह मसेज मिलेगा,जैसे आप पोस्ट लिखते समय उसे बिना सेव किए पेज को छोड़ते है.

DEMO

आप निश्चित रूप से अपने ब्लॉग के उछाल दर पृष्ठ पॉपअप का उपयोग कर कम सकते हैं यह विजेट विशुद्ध Jquery का उपयोग करता है.

(Stay on Page or Leave this Page) Exit Popup

1. ब्लॉगर डैशबोर्ड पर जाएँ - -> HTML संपादित करें.

2. यह कोड खोजें</head> और नीचे दिया कोड इसके ठीक ऊपर चिपकाएँ .

<script type="text/javascript" src="http://manojjaiswalpbt.googlecode.com/files/jquery13.js"></script>
<script src="http://manojjaiswalpbt.googlecode.com/files/jquery.fancybox-1.3.1.pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://manojjaiswalpbt.googlecode.com/files/jquery.fancybox-1.3.1.css" type="text/css" media="screen"/>
<script type="text/javascript">
function PopIt() {
$("a#trigger").trigger('click');
window.onbeforeunload = UnPopIt;
return "Would you like to join our mailing list for other offers?";
}
function UnPopIt() { /* nothing to return */ }
$(document).ready(function() {
window.onbeforeunload = PopIt;
$("a#trigger").fancybox({
'hideOnContentClick': false,
'showCloseButton': false
});
$("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
});
</script>

3. यह कोड खोजें<body> और नीचे दिया कोड इसके ठीक नीचे चिपकाएँ.

<div style="display: none;">
<a id="trigger" href="#popup"> </a>
<div id="popup" style="width: 250px; height: 400px;">
<p>This would be content of popup form</p>
</div>
</div>