How to post to Slack using a third-party script

Follow me!

If you like this article, go ahead and follow me on Twitter:

Follow @getButterfly

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. Last modified on Friday, July 5, 2019.

Contribute!

Contribute to this article by sharing your opinion on Twitter:

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