Saber Feedback GTM Event Listener
Track Saber Feedback widget interactions in GTM. Monitor open, close, and submission events with saberAction and feedbackId variables.
saber-feedbackfeedbackbug-reportinggtmga4uxuser-research
Event fired
saberFeedbackInteractionsKey variable
saberActionSaber Feedback
Overview
Saber Feedback is a visual feedback and bug reporting tool that allows users to annotate screenshots. This listener tracks widget open, close, and submission events.
Event fired: saberFeedbackInteractions
Variables: saberAction, feedbackId
Tracked Events
| saberAction | Description |
|---|---|
widget opened | Feedback button clicked |
widget closed | Feedback panel dismissed |
screenshot taken | User captures screenshot |
feedback submitted | Feedback form submitted |
Installation
html
<!-- GTM Custom HTML Tag: Saber Feedback Listener -->
<script>
(function() {
function saberPush(action, extra) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push(Object.assign({
'event': 'saberFeedbackInteractions',
'saberAction': action
}, extra || {}));
}
document.addEventListener('saberFeedback:open', function(e) {
saberPush('widget opened');
});
document.addEventListener('saberFeedback:close', function(e) {
saberPush('widget closed');
});
document.addEventListener('saberFeedback:screenshot', function(e) {
saberPush('screenshot taken');
});
document.addEventListener('saberFeedback:submit', function(e) {
var d = e && e.detail;
saberPush('feedback submitted', { feedbackId: d && d.id });
});
})();
</script>Data Layer Output
json
{
"event": "saberFeedbackInteractions",
"saberAction": "feedback submitted",
"feedbackId": "feedback_abc123"
}Trigger Configuration
Trigger: Custom Event | saberFeedbackInteractions
GA4 Mapping
| GA4 Event | Condition | Parameters |
|---|---|---|
feedback_submit | feedback submitted | feedback_id |