Hide in Safari browser

[saurabhSiddhu]

Is it possible to hide smartbanner only in safari browser ?

[ain]

Yes, it is. Please refer to Hide the smartbanner for certain User Agents.

In your case the following should do:

<meta name="smartbanner:exclude-user-agent-regex" content=".*Safari.*">

[RoySegall]

but this hides the bar for chrome on iPhone as well. Is there any way to programmatically set the banner as I want to?

[ain]

iPhone also runs Safari. In that case you need to work out a regular expression that targets desktop exclusively.

[RoySegall]

the thing is - I need to show this on:
chrome - andoird and iphone
safari - not at all.

there is a legacy code in the project that can detect it but I need that the bar will be disabled by default and I could do something like:

smartbanner = new SmartBanner();
if (foo) {
  smartbanner.publish();
}

Is that possible?

[ain]

Component comes without API and has only meta tag support currently.

You can use:

1. enabled-platforms with android and without ios
2. include-user-agent-regex with .*Android.*, see documentation

[RoySegall]

Never mind, I used something like this:

      var md = new MobileDetect(window.navigator.userAgent);

      if (md.userAgent() == 'Safari') {
        $('body').addClass('hide-smartapp-banner');
      }

And the css is

.hide-smartapp-banner .smartbanner {
  display: none !important;
}

Thanks a lot for this awesome plugin.

[ranihorev]

Hey,
You can hide the banner only on iOS Safari using the following exclusion:
<meta name="smartbanner:exclude-user-agent-regex" content="^.*iPhone(?!.*CriOS).*Safari">

[DevMo99]

You can use this exclusion

name="smartbanner:exclude-user-agent-regex" content="^((?!Chrome|Android|FxiOS|CriOS).)*Safari"