gogle tag manager->trigger->click all elements->click url doesnt work

Hi there,

I would suggest raising a topic in the Google Community Support forums as they would be in a better position too answer that. GP and GB simply presents the HTML, it doesn't do anything that would interfere with event tracking

i was using wordpress + generatepress + GA plugin , and have no problem with tracking gooogle tag manager.

and then i change the code to wordpress generate press, without plugin and put gtm code in the element, then i encounter this problem.

from the GTM preview, maybe the problem is in the generatepress, not in the GTM side

Hi Michael,

GeneratePress shouldn’t have any contents/codes that should affect how Google Tag Manager works.

Maybe you can test this out though hooking the code through Code Snippets, and also testing this on a different theme like twenty twenty with the code manually hooked through Code Snippets as well.

As David mention, I would also suggest raising a topic in the Google Community Support forums regarding this.

Hope this clarifies. :)

Hi, David, Fernando, i think i found out what is causing wrong reading in Google tag manager, its the button click / text button click / icon button click.
the click url information is appear if user click on the button portion, but not on the icon part of button or text part of button.

David help give solution to disable the icon portion pointer event. with this code:
.gb-button-wrapper .gb-button .gb-icon {
pointer-events: none;
}

and could you give the code to disable pointer events on button text as well...

this is information when user click on text portion of button: (no element url info)
---------------------------------------------------------------
dataLayer.push({
event: "gtm.click",
gtm.element: "HTMLSpanElement: html > body.home.page-template-default.page.page-id-1494.logged-" +
"in.admin-bar.wp-custom-logo.wp-embed-responsive.theme-generatepress.post-image-al" +
"igned-center.sticky-menu-no-transition.sticky-enabled.both-sticky-menu.woocommerc" +
"e-js.wp-featherlight-captions.no-sidebar.nav-below-header.one-container.contained" +
"-header.active-footer-widgets-3.nav-aligned-right.header-aligned-center.dropdown-" +
"hover.customize-support.using-mouse > div.gb-container.gb-container-f2b7f287.stic" +
"ky > div.gb-inside-container > div.gb-grid-wrapper.gb-grid-wrapper-6afd3ed7 > div" +
".gb-grid-column.gb-grid-column-c80a91a6 > div.gb-container.gb-container-c80a91a6 " +
"> div.gb-inside-container > div.gb-button-wrapper.gb-button-wrapper-ca5cb75f > a." +
"gb-button.gb-button-cea31050 > span.gb-button-text",
gtm.elementClasses: "gb-button-text",
gtm.elementId: "",
gtm.elementTarget: "",
gtm.elementUrl: "",
gtm.uniqueEventId: 14
})

this is information when user click on button portion of button: (element url info available)
---------------------------------------------------------------
dataLayer.push({
event: "gtm.click",
gtm.element: "https://{websitename}/whatsapp/: html > body.home.page-template-default.page.page-id-14" +
"94.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.theme-generatepress.pos" +
"t-image-aligned-center.sticky-menu-no-transition.sticky-enabled.both-sticky-menu." +
"woocommerce-js.wp-featherlight-captions.no-sidebar.nav-below-header.one-container" +
".contained-header.active-footer-widgets-3.nav-aligned-right.header-aligned-center" +
".dropdown-hover.customize-support.using-mouse > div.gb-container.gb-container-f2b" +
"7f287.sticky > div.gb-inside-container > div.gb-grid-wrapper.gb-grid-wrapper-6afd" +
"3ed7 > div.gb-grid-column.gb-grid-column-c80a91a6 > div.gb-container.gb-container" +
"-c80a91a6 > div.gb-inside-container > div.gb-button-wrapper.gb-button-wrapper-ca5" +
"cb75f > a.gb-button.gb-button-cea31050",
gtm.elementClasses: "gb-button gb-button-cea31050",
gtm.elementId: "",
gtm.elementTarget: "_blank",
gtm.elementUrl: "https://{websitename}/whatsapp/",
gtm.uniqueEventId: 15
})

I see. Glad you found the cause of the issue. If you wish to disable pointer-events for the button text, you can try adding this CSS in Appearance > Customize > Additional CSS:

.gb-button-wrapper .gb-button .gb-button-text{
pointer-events: none;
}

Hope this helps! :)

Thank You Fernando 😊👍

You’re welcome Michael! Feel free to reach out anytime you’ll need assistance with anything else! :)