Hello,
1. When user click on Login button,
2. it will open new tab (login page).
On first step, Google Ads page view call will be triggered, in this call i want add href url (step 2) or need to update the defalut page Url.
How can we do this?
Google ads code :-
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxx">
</script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'AW-xxxxxxx'); </script>
login button HTML code:-
<a class="btn btn--online-banking theme-one--color-01" data-cmp-event="{"componentName":"","componentID":"/content/plus/jcr:content/navigation/onlinebankingbutton","componentType":"Online banking Button","componentArea":"navigation","elementName":null,"actionLabel":"Login","actionType":"buttonClick"}" href="https://mmmm.come/hhh" target="_blank" title="Login Banking">
<span class="btn-value" data-caption-mobile="Login" data-caption="Login"></span>
</a>
Views
Replies
Total Likes
HI @reddy_y-11
I think your question should rather be in this forum: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-platform/bd-p/adobe-experience-pla...
1) In general, I think your page view google script should be loaded anyway and not just upon click?
2) upon click, you will need a click handler that listens to your specific item's click event i.e., a custom code action in Launch to achieve this, as described here.
Bascially, you enrich the clicked URL with your new parameter and redirect the browser to the updated URL. Important is also the preventDefault to suppress the original navigation that would have been caused by the link URL.
// global click handler
window.addEventListener("click", function(e) {
// in here, you may need additional checks to make sure the code is not
// executed on every link click but only the one you are interested in.
// e.g., by using if (e.target.matches("<my button selector>")) { ... }
if (e.target.matches("button.btn--online-banking")) {
var href = e.target.getAttribute("href");
if(href) {
// append a new query parameter to the URL
const url = new URL(href);
url.searchParams.set("newparam", "newvalue")
// redirect the browser tab
location.href = url.href;
// stop the original browser click handler
e.preventDefault();
}
}
});
Views
Replies
Total Likes
Hi @reddy_y-11
I don't get it, are you trying to send href as an additional parameter in the google adds page view call?
If yes, then you can modify config API to pass additional parameters in the page view call do that however you need to extract the href on click of a button. You can use example code shared by @bjoern__koth to achieve this and modify your google code script by adding href key value pairs
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxx">
</script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'AW-xxxxxxx', {
'href': href
}); </script>
But my question is why are you trying to send href value in a page load call of google ads base script on click of a button, you can use conversion pixels instead.
for more details on gtag API check this.
Views
Replies
Total Likes
sounds like it is more to be added upon user interaction and not on page load, correct @reddy_y-11 ?
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies
Views
Likes
Replies