wehub-resource-sync
84 lines
2.9 KiB
JavaScript
84 lines
2.9 KiB
JavaScript
// Handlers for CSAT events
|
|
|
|
/**
|
|
* Upvote or downvote the documentation via Google Analytics.
|
|
*
|
|
* @param {string} vote 'Yes' or 'No' vote to send as feedback
|
|
*/
|
|
function sendVote(vote) {
|
|
if (typeof window.dataLayer === 'undefined' || !Array.isArray(window.dataLayer)) {
|
|
console.warn('Google Tag Manager dataLayer not available - CSAT vote not tracked');
|
|
return;
|
|
}
|
|
|
|
window.dataLayer.push({
|
|
event: 'csat_vote',
|
|
vote_type: vote,
|
|
category: 'CSAT',
|
|
page_location: window.location.href,
|
|
page_title: document.title,
|
|
value: vote === 'Yes' ? 1 : 0
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Documentation feedback via Google Analytics
|
|
* @param {string} text Text to send as feedback
|
|
*/
|
|
function sendFeedback(text) {
|
|
if (typeof window.dataLayer === 'undefined' || !Array.isArray(window.dataLayer)) {
|
|
console.warn('Google Tag Manager dataLayer not available - CSAT feedback not tracked');
|
|
return;
|
|
}
|
|
|
|
window.dataLayer.push({
|
|
event: 'csat_feedback',
|
|
feedback_text: text.substring(0, 500),
|
|
category: 'CSAT',
|
|
page_location: window.location.href,
|
|
page_title: document.title,
|
|
feedback_length: text.length
|
|
});
|
|
}
|
|
|
|
window.addEventListener("DOMContentLoaded", () => {
|
|
const yesButton = document.getElementById("csat-yes");
|
|
const noButton = document.getElementById("csat-no");
|
|
const yesIcon = document.getElementById("csat-yes-icon");
|
|
const noIcon = document.getElementById("csat-no-icon");
|
|
const text = document.getElementById("csat-textarea");
|
|
const submitButton = document.getElementById("csat-submit");
|
|
const csatGroup = document.getElementById("csat-textarea-group");
|
|
const csatFeedbackReceived = document.getElementById("csat-feedback-received");
|
|
const csatInputs = document.getElementById("csat-inputs")
|
|
|
|
yesButton.addEventListener("click", () => {
|
|
text.placeholder = "We're glad you found it helpful. If you have any additional feedback, please let us know.";
|
|
csatGroup.classList.remove("csat-hidden");
|
|
yesIcon.classList.remove("csat-hidden");
|
|
noIcon.classList.add("csat-hidden");
|
|
yesButton.classList.add("csat-button-active");
|
|
noButton.classList.remove("csat-button-active");
|
|
submitButton.scrollIntoView();
|
|
sendVote('Yes');
|
|
})
|
|
|
|
noButton.addEventListener("click", () => {
|
|
text.placeholder = "We value your feedback. Please let us know how we can improve our documentation.";
|
|
csatGroup.classList.remove("csat-hidden");
|
|
yesIcon.classList.add("csat-hidden");
|
|
noIcon.classList.remove("csat-hidden");
|
|
yesButton.classList.remove("csat-button-active");
|
|
noButton.classList.add("csat-button-active");
|
|
submitButton.scrollIntoView();
|
|
sendVote('No');
|
|
})
|
|
|
|
submitButton.addEventListener("click", () => {
|
|
csatGroup.classList.add("csat-hidden");
|
|
csatInputs.classList.add("csat-hidden");
|
|
csatFeedbackReceived.classList.remove("csat-hidden");
|
|
sendFeedback(text.value);
|
|
}, {once: true})
|
|
})
|