Google Analytics 4 (GA4) Shortcode for Events

Here's an example of a WordPress shortcode that can be used to output HTML code for firing a Google Analytics 4 (GA4) event:

function ga4_event_shortcode($atts) {
    // Extract shortcode attributes
    $atts = shortcode_atts(array(
        'category' => '',
        'action'   => '',
        'label'    => '',
        'value'    => '',
    ), $atts);

    // Construct the GA4 event code
    $ga4_event_code = sprintf(
        '<script>
          gtag("event", "%s", {
            event_category: "%s",
            event_action: "%s",
            event_label: "%s",
            value: "%s"
          });
        </script>',
        esc_attr('customEvent'),
        esc_attr($atts['category']),
        esc_attr($atts['action']),
        esc_attr($atts['label']),
        esc_attr($atts['value'])
    );

    // Return the GA4 event code
    return $ga4_event_code;
}
add_shortcode('ga4_event', 'ga4_event_shortcode');

To use the shortcode, you can insert it into your WordPress post or page by using the [ga4_event] shortcode tag and providing the necessary attributes. Here's an example:

[ga4_event category="Button" action="Click" label="Homepage" value="1"]

In this example, the shortcode will output the HTML code necessary to fire a GA4 event with the specified category, action, label, and value. Remember to have the Google Analytics 4 tracking code properly installed on your website for the event to be tracked.