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


Attached Files
.zip   fancybox.zip (Size: 63.33 KB / Downloads: 6)
Reply
Share This Thread :

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. :)
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?
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. :)
Reply
2015-11-13, 10:40 AM,
#5
Gonna check this out thanks newb (its Wheet)

[Image: LT6UCDL.jpg]
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?

[Image: LT6UCDL.jpg]
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


Related Threads
Thread Author Replies Views Last Post
  Forge of Empires Hack Landing Page iBrobot 3 184 Yesterday, 09:26 PM
Last Post: yehsin
  High Converting Instagram Followers Landing Page dean911 106 49,903 2018-07-21, 08:21 PM
Last Post: srikanta159
  [FREE] MultiNiche Landing Page qannabōs 45 7,474 2018-07-20, 11:46 PM
Last Post: bimber14
  Clash Royale landing page, editable for other niches Pachu 17 2,627 2018-07-20, 08:54 AM
Last Post: immart247
  [HQ Tutorial]»» Boost your conversions/CTR - add a countdown to your landing page «« allnet 68 11,005 2018-07-18, 07:58 PM
Last Post: YoBroGo





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

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