Vue.jsフレームワークでバナー広告を正しく表示させたい

Question

やりたいこと

MonacaのVue.jsフレームワーク（Onsen UI不使用）で作成したアプリに、Adgenerationのバナー広告（JavaScript）を組み込みたいと思っています。

症状

マニュアル（Banner_Ad_Monaca）通りにJavaScriptを記載し、フッターにバナー広告を表示することはできたのですが、しばらく表示した後にクリックすると、cordoveプラグイン「InAppBrowser」が起動しなくなってしまいます。
具体的には、アプリ起動時にバナー広告をタッチすると、「InAppBrowser」が起動し、App.storeなどが表示されます。しばらくアプリを動かした（2, 3分）後、再びバナー広告をタッチすると、何も表示されなくなってしまいます。おそらく、「InAppBrowser」が起動していません。

コード

フッターのメソッドは、以下のURLの記載をほぼコピーしています。
Banner_Ad_Monaca

<!--App.vue-->
<template>
	<div class="container">
		<transition name="route">
			<router-view />
		</transition>
		<ad-footer /> <!--広告を表示せるフッターコンポーネント-->
	</div>
</template>

<script>
	import AdFooter from '@/components/Footer'
	export default {
		components: {
			AdFooter
		},
		// 以降省略
	}
</script>

<!--Footer.vue-->
<!--フッターのコンポーネント -->
<template>
	<div class="footer" ref="adg" :id="divid">
	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				divid: 'banner',
			}
		},
		computed: {
			adid: function() {
				return '00000' // 仮の数値です。
			}
		},
		mounted: function() {
			this.makeADGTag(this.adid, this.id, '320', '50')
		},
		methods: {
			makeADGTag: function(adid, divid, width, height) {
				// マニュアルでは、「getElementById」で要素を取得しているが、
				// $refsでdivを参照するように変更
				let adg = this.$refs.adg
				let script = document.createElement('script')
				script.type = 'text/javascript'
				// async=trueにすることによって非同期に対応されます
				script.src = 'https://i.socdm.com/sdk/js/adg-script-loader.js?id=' + adid + '&adType=FREE&width=' + width + '&height=' + height + '&displayid=0&targetID=adgAd_' + divid + '&async=true'
				if (adg != null) {
					adg.appendChild(script)
				}
				let self = this
				adg.style.display = 'none'
				let count = 0
				let timer = setInterval(function checkAd() {
					count++
					if (count > 100) {
						clearInterval(timer)
						return;
					}
					if (self.checkADGTag(adg) === true) {
						clearInterval(timer)
						adg.style.display = 'inline'
					}
				}, 100);
			},
			checkADGTag: function(obj) {
				let links = obj.getElementsByTagName('a')
				let frms = obj.getElementsByTagName('iframe')
				if (links.length > 0) {
					this.makeADGLink(links)
					return true;
				}
				let res = false
				for (let i = 0; i < frms.length; i++) {
					if (this.checkADGTag(frms[i].contentWindow.document) === true) {
						res = true
					}
				}
				return res
			},
			makeADGLink: function(arr) {
				for (let i = 0; i < arr.length; i++) {
					(function(a) {
						let href = a.href
						a.href = '#'
						a.onclick = function() {
							// マニュアルでは、「window.open」で記載されているが、
							// cordovaの「InAppBrowser」に変更
							let ref = cordova.InAppBrowser.open(href, '_blank')
							return false
						};
					})(arr[i])
				}
			}
		}
	}
</script>

補足

cordoveプラグイン「InAppBrowser」を導入済みです。
上記の一つ目のコード（App.vue）のとおり、アプリの起動中、画面を移動（vue router使用）しても、フッターは固定されたままにしています。

Vue.jsで作成したアプリに広告を組み込むのは初めてで、このような症状を改善したいと思っていますが、どのようにしたら良いのか、良い案が浮かびません。どなたかにご教示していただけたらと思います。

Answer 1

アドジェネサポート様から回答をいただき解決しました。クリックしても反応しないのは、広告のローテーションに秒数を指定していたからでした。初期値では60秒に設定されています。
「Monaca」で作成するハイブリッドアプリにアドジェネレーションの広告を使用する場合は、広告のローテーションをなしに設定しなければならないということです。
「Monaca Getting Started / バナー広告」の」注意文にも書いてありました。