Firing Custom Events to various platforms

For instance if you have a Quote button or Lead Generation button.

It is relatively easy to fire custom events to different platforms by using Tag Rocket

If you are referring to GA4 custom events then it’s fairly simple to add the code for these. Ensure you add the code to the body – don’t put the code in the head. Below is an example of how to fire a custom GA4 event named “click_button” when a button with ID ‘Call_1’ is clicked:

For every platform Google Analytics, Google Ads, Facebook, Bing, Pinterest etc there is something very similar (just the gtag line is different). See below for custom code:

Google Analytics Custom Events

https://developers.google.com/analytics/devguides/collection/ga4/events?client_type=gtag&sjid=1209712944322541476-AP

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
gtag("event", "click_button", {
  button_name: "button1",
send_to: "GoogleAnalyticsFour"
});
    },
    false
  );
</script>

By default we only monitor events with the send_to parameter (as above), you can change this to monitor all gtag events if necessary by setting this parameter:

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD'
  });
    },
    false
  );
</script>

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
fbq('trackCustom', PhoneClick, {
        phonenumber: '888-977-4711' 
      }); 
    },
    false
  );
</script>

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
    },
    false
  );
</script>

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
pintrk('track', 'custom'); 
    },
    false
  );
</script>

<script type="text/javascript">
  var button = document.getElementById('Call_1');
  button.addEventListener(
    'click', 
    function() { 
pintrk('track', button_click);  
    },
    false
  );
</script>