How to post to Slack using a third-party script

Or Google Tag Manager, whichever is handier.

Here’s a short snippet of code I used to use to notify my team of recent conversions, as they took place. The delay was less than 3 seconds.

Slack Logos
<script>
let url = 'https://hooks.slack.com/services/XXXXXXXXX/YYYYYYYYY/ZZZZZZZZZZZZZZZZZZZZZZ';
let text = 'New event - {{customEventId}} - completed!';

$.ajax({
    data: 'payload=' + JSON.stringify({
        "text": text,
    }),
    dataType: 'json',
    processData: false,
    type: 'POST',
    url: url
});
</script>

Notes & Details

  1. Get the hook URL from Slack.
  2. I initially used jQuery for this, but it can be easily switched to use XHR or Fetch API. It’s pretty old, though, and I won’t do it. I’m not using Slack anymore.
  3. {{customEventId}} is a Google Tag Manager variable.

Added by Ciprian on Friday, July 5, 2019 in Blog

Unlimited Automated Page Speed Monitoring & Tracking. Completely free.
Use SpeedFactor to track your website. It’s simple, reliable, and best of all, it’s free forever.
See how real people experience the speed of your website. Then find (and fix) your web performance problems.
Get Started

Related Articles


Privacy Policy