I tried to create a simple component for the banner invocation code like this:
<template>
<div class="d-flex justify-center">
<!-- Ad-Server Asynchronous JS Tag - Generated with Revive Adserver v5.0.2 -->
<ins
:data-revive-zoneid="reviveZoneId"
:data-revive-id="reviveId"
data-revive-target="_blank"
></ins>
<script
async
src="//adserver-url/asyncjs.php"
></script>
</div>
</template>
<script>
export default {
name: 'JobListingBanner',
props: {
reviveZoneId: {
type: String,
required: true,
},
reviveId: {
type: String,
required: true,
},
},
mounted: function () {
console.log('Banner Mounted!');
},
};
</script>
<style scoped></style>
But this does not work correctly. The banners are loaded the first time, but when I paginate through a listing the banners disappear.
I tried to rerender the vue component but this also not works.
Maybe the problem is the asynch js?
Hope you can help me with this!
Best regards,
Timo