Send Mobile Users to Mobile App Wall on Non Responsive Page
2015-11-13, 08:47 AM,
#1
Have a non responsive site and want to send mobile users only to a mobile app wall?

This script will detect mobile devices and display a non-closable Fancybox modal window with a "Download Now!!" button you can link to your locker.


1. Unzip the attached zip to the root of your site. When finished all the files in the zip should be in a folder: http://yoursite.com/fancybox/


2. Copy and paste this code into your footer or somewhere
(/wp-content/themes/YOUR_THEME/footer.php for Wordpress users)

[[[ BACK UP YOUR FILE FIRST!!!! ]]]

ALSO IMPORTANT!!! If your site already has jQuery then delete or comment out the 2 jQuery lines at the top!!!

Code:
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
      
        
        
<meta name="viewport" content="initial-scale=1">
      
        
<div style="display:none; "><div  id="fncy_data" ><a class="fncy_button" href="PUT_YOUR_LOCKER_URL_HERE">DOWNLOAD NOW!!</a></div></div>
        
        
<script>
$(document).ready(function() {
    
    
if(isMobile.any()) {
$.fancybox({
href: '#fncy_data',
modal: true
});
}    
    


});


var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};
</script>
        
        
<style type="text/css">    
.fncy_button {
    -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
    box-shadow:inset 0px 1px 0px 0px #cae3fc;
    background-color:#79bbff;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:191px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #287ace;
}.fncy_button:hover {
    background-color:#4197ee;
}.fncy_button:active {
    position:relative;
    top:1px;
}</style>



3. Change "PUT_YOUR_LOCKER_URL_HERE" to the url of your mobile locker.


/// Optional:

4. Change "Download Now!!" to whatever you want the button to say.

5. Change color of button
Latest Thanks - View all

cancerian(2016-04-22 02:03 PM) honeydew(2016-04-07 06:47 PM) Verilog(2015-11-13 12:24 PM) Wheet(2015-11-13 10:41 AM) 


Attached Files
.zip   fancybox.zip (Size: 63.33 KB / Downloads: 6)
Reply
2015-11-13, 08:50 AM,
#2
Nice Share Newb :)

PS. (Don't forget the Virus Scan :)

~MoneyCashers

Even if you don't believe in yourself... I will. :)

[Image: banner3.jpg]
Reply
2015-11-13, 08:59 AM,
(This post was last modified: 2015-11-13, 09:00 AM by newb.)
#3
Oops, here's SS of viri scan:


[Image: 0JM0MTs.png]

Good?
Latest Thanks - View all

MoneyCashers(2015-11-13 09:21 AM) 
Reply
2015-11-13, 09:05 AM,
(This post was last modified: 2015-11-13, 09:21 AM by MoneyCashers.)
#4
(2015-11-13, 08:59 AM)newb Wrote: Oops, here's SS of viri scan:


[img]/0JM0MTs.png[/img]

Good?

That will work :)

Thank you and again solid share my Friend :)

~MoneyCashers

Even if you don't believe in yourself... I will. :)

[Image: banner3.jpg]
Reply
2015-11-13, 10:40 AM,
#5
Gonna check this out thanks newb (its Wheet)

[Image: 468x60.gif]
Reply
2015-11-13, 12:06 PM,
(This post was last modified: 2015-11-13, 12:11 PM by mineshparikh.)
#6
I just extract the fancybox zip to my website " public_html/fancybox ".. and I copied the html code to footer with my affiliate link.. then I tried to open my website in my mobile. but its not working.. pls help what am i doing wrong..?

it is compulsory to use only link locker url ??? or Can I use any mobile affiliate link??
Reply
2015-11-13, 12:12 PM,
#7
(2015-11-13, 12:06 PM)mineshparikh Wrote: I just extract the fancybox zip to my website " public_html/fancybox ".. and I copied the html code to footer with my affiliate link.. then I tried to open my website in my mobile. but its not working.. pls help what am i doing wrong..?

it is compulsory to use only link locker url ??? or Can I use any mobile affiliate link??

Did you test using a mobile device?
Reply
2015-11-13, 09:00 PM,
#8
(2015-11-13, 12:06 PM)mineshparikh Wrote: I just extract the fancybox zip to my website " public_html/fancybox ".. and I copied the html code to footer with my affiliate link.. then I tried to open my website in my mobile. but its not working.. pls help what am i doing wrong..?

it is compulsory to use only link locker url ??? or Can I use any mobile affiliate link??

What mobile are you using? Look at the isMobile function in the script to see what is detected as mobile. Android, iPhone, iPad etc etc

You can use any link you want.
Reply
2015-11-13, 09:24 PM,
#9
I use android phone.. I dont know why it is not working for me?? i have to extract the fancybox zip to my website root which is

I click on godday>> cpanel>> file manager >> I get 4 options >>1.home directory 2.web root (public_html/www) 3. Public Ftp Root(public_ftp) 4.Document root for (mywebsite.in)
then I choose option 2 which is web root and upload and extract fancybox zip to this public_html/fancybox. when I do this I get two folders in fancybox which is _MACOSX AND fancybox.

Please correct me if I am doing something wrong.

After this I just copy given html code to my website footer.

Now I just open my website on my android phone. but I cont redirected to my affiliate link and directly I get my website..

So help me how does this work for me..?
Reply
2015-11-13, 09:28 PM,
#10
After extraction you should have:

yoursite.com/fancybox/[33 files or so...]

not

yoursite.com/fancybox/fancybox/[33 files or so...]

Also, pull up the url in chrome on pc or mac, right click page and select "Inspect Element" then click "Console" tab:

Any errors there?
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Free Injustice 2 Hack Generator Landing Page CrypticEagle 12 1,173 10 hours ago
Last Post: WillydaDon
  Clash Royale landing page, editable for other niches Pachu 9 785 2017-10-21, 04:42 AM
Last Post: ismaelx5
  [FREE] Super Mario Run - Landing Page Generator qannabōs 18 1,956 2017-10-21, 04:37 AM
Last Post: ismaelx5
  [Download] Free Gaming Landing Page [YT] editify 69 12,635 2017-10-21, 03:46 AM
Last Post: ismaelx5
  Free Bit Heroes Gems Generator Landing Page MrShareCare 9 772 2017-10-20, 11:58 PM
Last Post: walid292




About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top