Alert when opening from Facebook mobile

JusanSG

Hi all,
Do you have any js code that alerts "You are opening this page from Facebook mobile. Please use Chrome or Safari to open for better experience like Remember Password, Login by Google one time..."

Yes, when user clicks the link from facebook mobile (Android, not Facebook website), the page alerts like above.

Really thanks so much for any help.

Rahul

Saurabh I have done this, but I couldn't find my message on FB. JusanSG is this working?

Saurabh

Goto index.html file and add this code before the closing </body> tag.

<script>
        function isFacebookApp() {
            var ua = navigator.userAgent || navigator.vendor || window.opera;
            return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
        }
        document.addEventListener("DOMContentLoaded", function(event) {
            if (isFacebookApp()) {
                alert("Enter your custom message here...")
            }
        });
</script>

JusanSG

Saurabh
I have tried but not working, can you check again? Thank you.

Rahul the same.

JusanSG

Saurabh Rahul

UPDATED: I change the
alert("Enter your custom message here...")
by
alert('Enter your custom message here...') (yes, change only " by ')

and it's working perfectly. Thank you.

Marmaris

JusanSG
I didn't understand you

JusanSG

@Saurabh
Right now this only works when customer visits homepage (near-me store list), we also need it alert right in the login/register screen, so where can we put this code?

Thank you!

Saurabh

JusanSG the index.html file is called only once. So if the customer directly visits the login page from the Facebook browser, then it alert should show up.

JusanSG

Saurabh

Ahhh I see, thank you!

Marmaris

Saurabh but you can do this for instagram?

Saurabh

Marmaris

Not checked, but this could be used to detect instagram browser:

<script>
        function isInstagram() {
            var ua = navigator.userAgent || navigator.vendor || window.opera;
            return (ua.indexOf("Instagram") > -1);
        }
        document.addEventListener("DOMContentLoaded", function(event) {
            if (isInstagram()) {
                alert("Enter your custom message here...")
            }
        });
</script>

JusanSG

Marmaris
This code is perfect, kindly use:

<script>
        function isInstagram() {
            var ua = navigator.userAgent || navigator.vendor || window.opera;
            return (ua.indexOf("Instagram") > -1);
        }
        document.addEventListener("DOMContentLoaded", function(event) {
            if (isInstagram()) {
                alert('Enter your custom message here...')
            }
        });
</script>

surya90

sir @Saurabh if i had put analytic code on index.html, can i put too after that the above code?

thanks

Saurabh

surya90 All your scripts can go within the

<head>
    ......
</head>

section in the index.html file

surya90

Saurabh thanks sir