ACF Link field with GTM event

Adds new ACF field to create links including GTM events.

by Ondřej Šeliga · github.com/frontycore/acf-link-gtm

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/frontycore/acf-link-gtm/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/frontycore/acf-link-gtm ↗

ACF Link with GTM event Field

Custom field type for Advanced Custom Field Wordpress plugin.

This plugins adds new field type called "Link with GTM event", which works as normal link, but adds GTM event input into WP Link dialog.

Value of the GTM event input is then returned under gtm key in an array along with title, url and target.

How to work with this

In your WP admin under Custom fields, create a field group with new field of Link with GTM event type.
In the code of your template or plugin where you'd like to render a link HTML:

<?php
/**
 * Returns somethink like:
 *  [
 *      'title' => 'My GTM link',
 *      'url' => 'https://google.com',
 *      'target' => '_blank',
 *      'gtm' => 'clickOnGoogle'
 *  ]
 */
$link = get_field('myGtmLink');
?>
<a
    href="<?php echo $link['title'] ?>"
    <?php if ($target = $link['target']) echo 'target="' . $target . '"' ?>
    <?php if ($gtm = $link['gtm']) echo "onclick=\"dataLayer.push({'event': 'InteractionUI' 'eventCategory': 'Button','eventAction': 'Click','eventLabel': '','eventValue': '$eventValue'});\"" ?>
>
    <?php echo $link['title'] ?>
</a>