Name: AppBanners
Rating: 4.9 (15 reviews)

Description

Marketing an iOS App, Android App or MS App within your WordPress site never got easier. This plugin will allow you to put in your App IDs and automatically generate the proper meta tags to utilize Apple’s App Banner as specified here.

For older versions of iOS (prior to version 6.0) a jQuery alternative will pop up in similar fashion to the Apple one. Android devices are supported with links to the Google Play Store. Windows devices are supported with links to the MS App Store.

This plugin utilizes the SmartBanner jQuery plugin https://github.com/jasny/jquery.smartbanner

Screenshots

Settings Screen
Apple App Banner
Android App Banner

Installation

Activate the plugin through the Plugins menu in WordPress
Go to ‘Settings->App Banners’ and enter in your:

* Apple App Store App ID (http://linkmaker.itunes.apple.com/us/),
* Google Play App ID (http://developer.android.com/distribute/googleplay/promote/linking.html)
* For Microsoft Apps: msApplication-ID is found under Package name in your app manifest, and msApplication-PackageFamilyName is found under Package family name in your app manifest
* Author
* App Title
* Price

FAQ

Why is the AppBanner not showing up?

First thing you should do is load the non minified version of the javascript file by editing line:46 of appBanners.php
Change this
wp_register_script( ‘app-banners-scripts’, plugins_url( ‘/lib/smartbanner/jquery.smartbanner.min.js’, FILE ), array( ‘jquery’ ), false, true );

To this
wp_register_script( ‘app-banners-scripts’, plugins_url( ‘/lib/smartbanner/jquery.smartbanner.js’, FILE ), array( ‘jquery’ ), false, true );

This will then output in the console logging as to why the App Banner is not showing for you.

I have an iOS device running the latest operating system and I can not see the app banner… What gives?

Well unfortunately this is not an issue with the AppBanners plugin. For all iOS devices after iOS 6 Apple introduces their own Smart Banner.
You can read about it here

We rely on the operating system to read the META tag which AppBanners plugin injects into your site to display the native iOS App Banner. There are so many variables as to when and why Apple shows the banner and sometimes does not.

Is there a way to track the number of clicks to the install/open button on the App Banners Plugin with Javascript?

Yes. There is a couple of ways. The most preferred way would be to simply add the following code to your theme’s scripts file or a place where you can add Javascript to your theme. The other option is to add directly to your functions.php file of your theme.

Javscript Version

jQuery(document).ready(function ($) {
$(‘body’).on(‘click’, ‘.sb-button’, function(){
ga(‘send’, {
‘hitType’: ‘event’, // Required.
‘eventCategory’: ‘App Banners’, // Required.
‘eventAction’: ‘click’, // Required.
‘eventLabel’: ‘Clicked App Banner’ //Optional
});
});
});

Functions.php Version

//Start App Banner Click Tracking
add_action(‘wp_head’,’appbanners_track_clicks_js’);

 function appbanners_track_clicks_js() {    ?>
    <script>

       jQuery(document).ready(function ($) {
          $('body').on('click', '.sb-button', function(){
             ga('send', {
                'hitType': 'event',          // Required.
                'eventCategory': 'App Banners',   // Required.
                'eventAction': 'click',      // Required.
                'eventLabel': 'Clicked App Banner' //Optional
             });
          });
       });

    </script>
    <?php
 }
 //End App Banner Click Tracking

Reviews

harvestgrand January 17, 2020

Took less than 5 min to install and configure. The only thing I needed to include aside from my store ids was the button text which was needed for Android. The button appears blank so I updated it to say "View" instead. Unless I am doing something wrong the Google Play banner button will not open the app if installed. It always takes you to the Google Play store in order for you to download or open which is not the worst thing in the word.

s2am January 30, 2018

Exactly what I was looking for except the option to stick it to the bottom. But I guess that will be possible somehow.

sithija November 25, 2016

This has every option we need.

abolian September 3, 2016

hope you keep updating the plugin . it's so easy

obi55 September 3, 2016

Agreed, would love to see this great plugin per-page like some other App banner options out there.

Read all 15 reviews

Contributors & Developers

“AppBanners” is open source software. The following people have contributed to this plugin.

Matt Pramschufer

Translate “AppBanners” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5.14

Fixed issue with double smart banners appearing on some devices
Fixed issue with Gloss effect always showing even if it was set to false.

1.5.13

Added in the ability to input which selector the smartbanner pushes down from.
Updated to latest version of jQuery Smartbanner plugin
Tested with WordPress 4.5.2 to confirm working.

1.5.12

Added in the ability to input which selector the smartbanner gets appended to. Thanks to ericbow for submitting the patch. If no input selector is specified it will default to

1.5.11

Added in the ability to specify custom URL for button. If you do not want to specify a url, leave it blank and it will default to app store.

1.5.10

Added in checkbox to allow control over outputting META VIEWPORT tag on site.
Big shout out to e2.robert for taking the time to submitting the patch!

1.5.9

Reworked javascript set cookie function. As there was a bug if you set the app banner to always show.
Tested with WordPress 4.3

1.5.8

Completed redid the way I generate the javascript config file for plugin. Not utilizing wp_localize_script().
Updated to latest version of SmartBanners JS – https://github.com/jasny/jquery.smartbanner
Added in extra functionality to detect Facebook and Twitter in iOS webview. Thanks so much to asadowski10 for the snippet!
Minified all JS and CSS files, but included unminified versions in case folks need to tweak.

1.5.7

Ensured that script files are properly injected into the footer by utilizing the 5th flag of wp_register_script(). Thanks e2robert! .

1.5.6

Sorry for so many errors, this should be last fix for the time being.

1.5.5

Forced JS output via php headers, thanks again Tim.

1.5.4

Wrapped app banners options in jQuery(document).ready() function.

1.5.3

Fixed dependency issue with last update. Move generated settings into a PHP file which is enqueued after jQuery is ready.

1.5.2

Fixed issue with injecting javascript into the header instead of the footer. Thanks Tim for the heads up on that.

1.5.1

Fixed issue with passing strings to Javascript instead of integers. Thanks @michael78au for the heads up.

1.5

Fixed issue with close button on Android
Fixed issue with if user set the banner to always show, it would still set a cookie
Updated code to only load tags for apps that have app ids filled in.

1.4

Updated to latest version of jQuery Smartbanner plugin
Added in support for Windows Devices
Various code clean up

1.3

Ensured compatibility with WP 4.0
Added in string escaping for fields to account for quotes and single quotes

1.2.1

Hotfix for Android App ID typo in version 1.2

1.2

Updated to WordPress 3.9
Added in additional options to setting panel

1.1

Added number of days to keep banner hidden after closing
Added number of days to keep banner hidden after clicking view button
Added ability to change text on button
Added in Settings link on Plugin Screen

1.1

Initial Release

WordPress.org

AppBanners

Description

Screenshots

Installation

FAQ

Reviews

Works as advertised

Love it!

Awesome

easy to use

Agreed. Would love to see per-page

Contributors & Developers

Interested in development?

Changelog

1.5.14

1.5.13

1.5.12

1.5.11

1.5.10

1.5.9

1.5.8

1.5.7

1.5.6

1.5.5

1.5.4

1.5.3

1.5.2

1.5.1

1.5

1.4

1.3

1.2.1

1.2

1.1

1.1

Ratings

Contributors

Support

Donate

WordPress.org

Description

Screenshots

Installation

FAQ

Reviews

Contributors & Developers

Interested in development?

Changelog

1.5.14

1.5.13

1.5.12

1.5.11

1.5.10

1.5.9

1.5.8

1.5.7

1.5.6

1.5.5

1.5.4

1.5.3

1.5.2

1.5.1

1.5

1.4

1.3

1.2.1

1.2

1.1

1.1

Meta

Ratings

Contributors

Support

Donate