Empathy vs compassion: the difference, and why they matter — Calm Blog (2024)

` const popupFortyOffHtml = `

` const popupEmailHtml = `

`const handlePopup = () => {if (document.documentElement.scrollTop >= (height * percentOfPage)) {scrollDistance = window.pageYOffsetpopup.classList.add('active')overlay.classList.add('active')body.classList.add('popup-active')body.style.top = `${scrollDistance * -1}px`amplitude.track(`Blog : Popup CTA : Seen`, { page_name: currentPath, calm_user_id: null, cta_name: `${popupName} Popup` });}}const handleClosePopup = () => {popup.classList.remove('active')overlay.classList.remove('active')body.classList.remove('popup-active')body.style.top = nullwindow.scrollBy(0, scrollDistance); amplitude.track(`Blog : CTA : Clicked`, { page_name: currentPath, calm_user_id: null, cta_name: `${popupName} Popup Dismiss` });document.removeEventListener('scroll', handlePopup)document.cookie = 'calmblogtrial=1; max-age=31536000; path=/;'localStorage.setItem('calmblogtrial', 1)}const popupInit = (popupHtml, popupEventName) => { popupName = popupEventNamedocument.body.insertAdjacentHTML('afterbegin', popupHtml)popup = document.getElementById('popup')overlay = document.getElementById('popupOverlay')const closeBtn = document.getElementById('closePopupBtn') const popupLinks = document.querySelectorAll('.popup-link')document.addEventListener('scroll', handlePopup)overlay.addEventListener('click', handleClosePopup)closeBtn.addEventListener('click', handleClosePopup) popupLinks.forEach(link => { link.addEventListener('click', () => { amplitude.track(`Blog : CTA : Clicked`, { page_name: currentPath, calm_user_id: null, cta_name: `${popupName} Popup Success` }); }) })}if (!popupAlreadyShown) { if (trialUrls.includes(currentPath)) popupInit(popupTrialHtml, 'Free Trial') else if (fortyOffUrls.includes(currentPath)) popupInit(popupFortyOffHtml, '40_Off') else if (emailUrls.includes(currentPath)) popupInit(popupEmailHtml, 'Email') }}); // web2app blockdocument.addEventListener('DOMContentLoaded', function () { // Step 1: Detect if the user is on a mobile device var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || (window.innerWidth <= 768); if (isMobile) { // Steps 2 and 3: Generate OneLink URL and prepare the HTML snippet (Mobile Only) var currentPath = window.location.pathname; var oneLinkURL = "https://calm.onelink.me/msVo"; var webReferrer = "af_sub1"; var mediaSource = { defaultValue: "calm_blog" }; var campaign = { defaultValue: currentPath }; var custom_ss_ui = { paramKey: "af_ss_ui", defaultValue: "true" }; var newUrl = window.AF_SMART_SCRIPT.generateOneLinkURL({ oneLinkURL: oneLinkURL, webReferrer: webReferrer, afParameters: { mediaSource: mediaSource, campaign: campaign, afCustom: [custom_ss_ui] } }).clickURL; const htmlSnippet = `

`; // Modify as needed // Step 4 (Mobile): Find and replace all 'trial-cta' elements const trialCtaElements = document.querySelectorAll('.trial-cta:not(#popup)'); if (trialCtaElements.length) { trialCtaElements.forEach(function(element) { element.outerHTML = htmlSnippet; }); } else { // Step 5 (Mobile Only): Handle case where 'trial-cta' is not found const targetElement = document.querySelector('.blog-item-content .sqs-block.html-block.sqs-block-html'); if (targetElement) { targetElement.insertAdjacentHTML('afterend', htmlSnippet); } } }}); // Email form code document.addEventListener("DOMContentLoaded", function() { var customHTML = `

`; var targetElement = document.querySelector('.sections'); if (targetElement) { targetElement.insertAdjacentHTML('afterend', customHTML); }}); // Email form success/errordocument.addEventListener("DOMContentLoaded", function() { emailFormHandler()}); // Harry Styles Audio Sample document.addEventListener("DOMContentLoaded", function() { const excludedPaths = [ '/blog/calma-sutra-sleep-positions', '/blog/kevin-bacon-dream-boat', '/blog/calm-calendars', ]; const currentPath = window.location.pathname; if (excludedPaths.includes(currentPath) || currentPath.includes('content/de')) { return; // Exit the script if the current URL is in the excluded list } const blogWrapper = document.querySelector('.col.sqs-col-12.span-12'); if (blogWrapper) { const allRows = [...blogWrapper.querySelectorAll('.row.sqs-row')]; const filteredRows = allRows.filter(row => row.querySelector('img') && row.querySelector('a')); const newHtml = `

`; if (filteredRows.length > 0) { const secondFilteredRow = filteredRows[1]; secondFilteredRow.insertAdjacentHTML('afterend', newHtml); secondFilteredRow.style.display = 'none'; } else { const htmlBlockDiv = blogWrapper.querySelector('.sqs-block.html-block.sqs-block-html'); if (htmlBlockDiv) { htmlBlockDiv.insertAdjacentHTML('afterend', newHtml); } } }}); // Audio Sample Functionality Codewindow.onload = function() { // Replace 'audioFileURL' with the direct link to your audio file const audioFileURL = 'https://static1.squarespace.com/static/57b5ef68c534a5cc06edc769/t/65a78d86aa34af6af3428203/1705479566073/SLEP_0184_DreamWithMe_EN_2CH_MK_20230802_HomepageCutdown.mp3/original/SLEP_0184_DreamWithMe_EN_2CH_MK_20230802_HomepageCutdown.mp3'; // Getting the play/pause button by its ID and icons by their IDs const playPauseButton = document.getElementById('harry-styles-sleep-story-play-pause-button'); const playIcon = document.getElementById('harry-styles-sleep-story-play-icon'); const pauseIcon = document.getElementById('harry-styles-sleep-story-pause-icon'); // Check if elements exist if (playPauseButton && playIcon && pauseIcon) { // Initially hide the pause icon pauseIcon.style.display = 'none'; // Creating the audio object const audio = new Audio(audioFileURL); // Event listener for play/pause button playPauseButton.addEventListener('click', function() { if (audio.paused) { audio.play(); playIcon.style.display = 'none'; pauseIcon.style.display = 'block'; } else { audio.pause(); playIcon.style.display = 'block'; pauseIcon.style.display = 'none'; } }); // Dispatch the custom event after the player is ready let e = new Event("amplitudeaudioloaded"); document.dispatchEvent(e); }}; // Harry Styles Tracking Codedocument.addEventListener("DOMContentLoaded", function() { // Function to extract a specific part of the URL slug function getSlugPart() { var path = window.location.pathname; // Get the pathname of the URL var slug = path.split('/').pop(); // Split the pathname by '/' and get the last part return slug || 'Unknown'; // Return the slug part or 'Unknown' if it's not available } // Function to set UTM parameters on the specified button/link function setUTMParameters() { var slugPart = getSlugPart(); // Get the specific part of the slug var buttonLink = document.getElementById('harry-styles-sleep-story-cta-button'); // Select the button/link with the specified ID if (buttonLink) { var originalUrl = buttonLink.href; var utmParameters = `utm_source=blog&utm_campaign=${encodeURIComponent(slugPart)}&utm_medium=organic`; // UTM parameters with the slug part var separator = originalUrl.includes('?') ? '&' : '?'; // Determine if we need to start with '?' or append with '&' buttonLink.href = `${originalUrl}${separator}${utmParameters}`; // Append UTM parameters to the URL } } setUTMParameters(); // Execute the function when the page loads}); // Quiz Flow Tracking Codedocument.addEventListener("DOMContentLoaded", function() { var currentPath = window.location.pathname; // Define the lists of allowed URLs for each HTML snippet var allowedUrlsSnippet1 = [ '/blog/coffee-nap', '/blog/your-child-wont-sleep', '/blog/introducing-liminal-sleep-by-sigur-ros', '/blog/sunday-night-sleep-troubles', '/blog/sleep-tracking-orthosomnia', '/blog/bedtime-yoga', '/blog/screen-time-before-bed', '/blog/view-from-above', '/blog/golf-best-sport-to-cure-insomnia', '/blog/power-nap', '/blog/afternoon-slump', '/blog/sleep-myths-tips-to-optimize-sleep', '/blog/the-trail-to-machu-picchu', '/blog/wild-sweden', '/blog/sleep-paralysis', '/blog/how-to-prevent-nightmares', '/blog/black-rest-brittney-oliver-black-history-month', '/blog/7-sleep-myths-busted', '/blog/sleep-languages', '/blog/sleep-schedule-in-flux', '/blog/waking-up-tired', '/blog/the-jk-rowling-of-slow-literature-worlds-first-sleep-storyteller-in-residence-joins-calm', '/blog/the-temples-of-shodoshima', '/blog/wind-down-time', '/blog/de-stressing-work-travel', '/blog/how-to-become-a-morning-person', '/blog/revenge-bedtime-procrastination', '/blog/racing-thoughts-at-night', '/blog/wild-nights-sleep', '/blog/how-to-get-more-deep-sleep', '/blog/sleep-superpower-playbook', '/blog/magic-of-yurts', '/blog/drift-off-to-sleep-with-harry-styles', '/blog/the-last-storytellers', '/blog/why-do-i-keep-waking-up-at-3am', '/blog/the-10-most-widely-held-myths-and-why-theyre-wrong', '/blog/what-is-green-noise', '/blog/jerome-flynn-chooses-mindfulness-over-the-sword', '/blog/how-to-wake-yourself-up', '/blog/what-is-the-best-environment-for-sleep', '/blog/the-black-pearls-of-tahiti', '/blog/tips-for-women-with-insomnia', '/blog/tik-tok-tale', '/blog/once-upon-a-time-in-bavaria', '/blog/middle-of-the-night-insomnia', '/blog/bedtime-challenge', '/blog/stephen-fry-sleep-story-blue-gold', '/blog/the-healing-practices-of-poetry-and-meditation', '/blog/baa-baa-land-premiere', '/blog/the-river-wild', '/blog/a-cure-for-insomnia-lulled-to-sleep-by-cricket-the-game-not-the-insect', '/blog/dia-de-muertos', '/blog/why-do-we-dream', '/blog/vivid-dreams', '/blog/sleep-anxiety', '/blog/coffee-nap', '/blog/lost-grimm-fairy-tale-is-first-ai-bedtime-story', '/blog/dream-journal', '/blog/best-music-to-fall-asleep-to', '/blog/soothe-yourself-to-sleep-with-the-shipping-news', '/blog/sloths-are-the-worlds-greatest-sleep-and-relaxation-ambassadors', '/blog/sleep-mist', '/blog/the-thinking-behind-sleep-stories' ]; // Replace with actual URLs var allowedUrlsSnippet2 = [ '/blog/benefits-of-silence', '/blog/high-functioning-anxiety', '/blog/journaling-for-anxiety', '/blog/eco-anxiety-coping-tips', '/blog/what-is-asmr', '/blog/music-to-relieve-stress', '/blog/5-4-3-2-1-a-simple-exercise-to-calm-the-mind', '/blog/how-to-meditate-for-anxiety', '/blog/emotional-stress', '/blog/how-to-stay-calm-under-pressure', '/blog/relaxation-ideas', '/blog/panic-attack-vs-anxiety-attack', '/blog/how-to-calm-your-mind', '/blog/box-breathing', '/blog/driving-anxiety', '/blog/panic-attack-meditation', '/blog/holiday-stress', '/blog/difference-between-stress-and-anxiety', '/blog/postpartum-anxiety', '/blog/tips-for-managing-stress', '/blog/ai-anxiety-tips', '/blog/anticipatory-anxiety', '/blog/3-3-3-rule-anxiety', '/blog/grounding-techniques', '/blog/vacation-anxiety' ]; // Replace with actual URLs var allowedUrlsSnippet3 = [ '/blog/when-saying-no-is-the-nicest-thing-you-can-do', '/blog/celebrate-black-history-month-with-renowned-jazz-writer-and-cultural-critic-greg-thomas', '/blog/october-2021-calm-calendar', '/blog/focused-meditation', '/blog/emergency-calm-how-to-calm-down-in-2-minutes', '/blog/mindful-movement-challenge', '/blog/meditation-for-sleep', '/blog/a-grateful-heart', '/blog/february-2022-calm-calendar', '/blog/november-2022-calm-calendar', '/blog/august-2021-calm-calendar', '/blog/calm-classrooms-free-mindfulness-training-tools-for-every-teacher-in-the-world', '/blog/abc-minding-your-mind-dr-rheeda-walker', '/blog/march-is-all-about-sleep', '/blog/mindfulness-meditation-for-mental-health', '/blog/accepting-lifes-imperfections', '/blog/3-tips-for-a-stress-free-thanksgiving', '/blog/a-loving-kindness-meditation', '/blog/try-these-tips-for-a-stress-free-daily-commute-to-work', '/blog/january-2022-calm-calendar', '/blog/how-to-sleep-better-guide', '/blog/holdingstrong', '/blog/5-simple-tips-to-make-meditation-a-daily-habit', '/blog/disney-princess-mindful-wisdom', '/blog/thanksgiving', '/blog/the-story-behind-peacebunny-island', '/blog/january-2023-calm-calendar', '/blog/running-meditation', '/blog/march-2023-calm-calendar', '/blog/how-to-hack-holiday-stress-and-anxiety', '/blog/why-you-cant-put-down-your-phone', '/blog/20-ways-to-take-a-mindful-break', '/blog/december-2022-calm-calendar', '/blog/5-mindfulness-practices-to-help-reduce-anxiety', '/blog/are-affirmations-wearing-you-down', '/blog/get-out-of-your-head-and-into-your-life-with-septembers-mindful-living-calendar', '/blog/time-and-how-to-spend-it', '/blog/june-2023-calm-calendar', '/blog/januarys-upcoming-daily-calm-meditations', '/blog/5-ways-to-improve-your-sleep-with-mindfulness-practices', '/blog/is-it-okay-to-lie-down-while-meditating', '/blog/september-2023-calm-calendar', '/blog/september-2021-calm-calendar', '/blog/how-to-be-more-present', '/blog/july-2023-calm-calendar', '/blog/july-2021-calm-calendar', '/blog/the-expansive-joy-of-doing-nothing', '/blog/floating-with-floridas-manatees', '/blog/put-yourself-at-the-top-of-your-to-do-list-with-augusts-mindful-living-calendar', '/blog/30-days-of-gratitude', '/blog/how-to-use-meditation-to-manage-chronic-pain', '/blog/august-2022-calm-calendar', '/blog/how-to-embrace-uncertainty', '/blog/how-to-meditate-in-bed', '/blog/mindful-eating-journal', '/blog/no-excuses-guide-to-meditation', '/blog/2019-daily-calm-calendar-2', '/blog/-new-thomas-friends-kids-meditations-and-sleep-story', '/blog/workplace-anxiety-guide', '/blog/be-your-valentine', '/blog/year-of-calm', '/blog/walking-meditation', '/blog/how-to-develop-a-meditation-practice', '/blog/the-neuroscience-of-meditation', '/blog/april-2023-calm-calendar', '/blog/introducing-calm-body', '/blog/meditation-for-headache', '/blog/april-2021-calm-calendar', '/blog/how-calm-users-fit-meditation-into-daily-routine', '/blog/happy-international-womans-day', '/blog/courageously-meet-your-life-with-julys-mindful-living-calendar', '/blog/the-10-greatest-bob-ross-quotes-of-all-time', '/blog/the-gift-of-meditation-for-kids-by-mallika-chopra', '/blog/mindfulness-based-stress-reduction', '/blog/april-2022-calm-calendar', '/blog/july-2022-calm-calendar', '/blog/september-2022-calm-calendar', '/blog/5-simple-ways-to-practice-mindfulness-in-daily-life', '/blog/every-workplace-can-have-a-mindfulness-space', '/blog/take-care-of-your-mental-health-with-octobers-mindful-living-calendar', '/blog/august-2023-calm-calendar', '/blog/mindful-eating', '/blog/yearofcalm-deepen-your-awareness-6pp7t', '/blog/a-weeklong-trip-with-jeff-warren', '/blog/what-is-flow-state', '/blog/decembers-upcoming-daily-calm-meditations', '/blog/deep-meditation', '/blog/march-2022-calm-calendar', '/blog/how-to-meditate-in-eleven-steps', '/blog/how-to-change-habits-mindfully', '/blog/june-2021-calm-calendar', '/blog/embrace-the-moment', '/blog/june-2022-calm-calendar', '/blog/the-benefits-of-mindful-eating', '/blog/mental-health-awareness-month-jeff-warren', '/blog/what-to-focus-on-when-meditating', '/blog/dear-2019', '/blog/5-ways-to-improve-your-focus-and-productivity', '/blog/free-resources', '/blog/cultivate-a-sense-of-wonder-this-april', '/blog/2020-daily-calm-calendar', '/blog/inner-peace', '/blog/meditative-state', '/blog/a-month-of-loving-kindness', '/blog/body-scan', '/blog/shift-your-thinking-how-to-handle-a-negative-mind', '/blog/october-2022-calm-calendar', '/blog/november-2021-calm-calendar', '/blog/self-care-holiday-season', '/blog/how-to-start-meditating-daily', '/blog/december-2021-calm-calendar', '/blog/mindfulness-exercises', '/blog/march-2021-calm-calendar', '/blog/announcing-the-daily-trip', '/blog/may-2021-calm-calendar', '/blog/february-2023-calm-calendar', '/blog/dealing-with-grief', '/blog/happiness-does-not-come-from-headstands', '/blog/wandering-mind', '/blog/meditations-for-pain-and-sleep-by-oren-jay-sofer-available-exclusively-in-the-calm-app', '/blog/2021-calm-calendar', '/blog/4-ways-to-soften-loneliness', '/blog/shinzen-young-develops-meditations-for-pain-performance-anxiety-and-daily-life-available-exclusively-in-the-calm-app', '/blog/mindfulness-for-kids', '/blog/my-morning-routine', '/blog/junes-mindful-living-calendar-is-about-nourishing-relationships', '/blog/may-2022-calm-calendar', '/blog/february-2021-calm-calendar', '/blog/may-2023-calm-calendar', '/blog/gratitude-exercises', '/blog/two-things-i-did-wrong-when-i-started-meditating' ]; // Replace with actual URLs // Define the HTML snippets var snippetHTML1 = `

`; // Replace with actual HTML content var snippetHTML2 = `

`; // Replace with actual HTML content var snippetHTML3 = `

`; // Replace with actual HTML content // Function to append HTML and add close functionality function appendHtmlAndAddCloseFunctionality(htmlSnippet, targetClass) { var targetElement = document.querySelector(targetClass); if (targetElement) { targetElement.insertAdjacentHTML('beforebegin', htmlSnippet); var closeButton = targetElement.previousElementSibling.querySelector('.quiz-close'); if (closeButton) { closeButton.addEventListener('click', function(event) { event.preventDefault(); targetElement.previousElementSibling.remove(); }); } } } // Append snippet 1 if (allowedUrlsSnippet1.includes(currentPath)) { appendHtmlAndAddCloseFunctionality(snippetHTML1, '.content'); } else if (allowedUrlsSnippet2.includes(currentPath)) { appendHtmlAndAddCloseFunctionality(snippetHTML2, '.content'); } else if (allowedUrlsSnippet3.includes(currentPath)) { appendHtmlAndAddCloseFunctionality(snippetHTML3, '.content'); } else if (currentPath.includes('journey-redirect')) { let meta = document.createElement('meta') meta.name = 'robots' meta.content = 'noindex' document.head.appendChild(meta) return } else { appendHtmlAndAddCloseFunctionality(snippetHTML2, '.content') }}); // Quiz Flow Tracking Codedocument.addEventListener("DOMContentLoaded", function() { // Function to extract a specific part of the URL slug function getSlugPart() { var path = window.location.pathname; // Get the pathname of the URL var slug = path.split('/').pop(); // Split the pathname by '/' and get the last part return slug || 'Unknown'; // Return the slug part or 'Unknown' if it's not available } // Function to set UTM parameters on elements with the class 'quiz-link' function setUTMParameters() { var slugPart = getSlugPart(); // Get the specific part of the slug var quizLinks = document.querySelectorAll('.quiz-link'); // Select all elements with the class 'quiz-link' quizLinks.forEach(function(link) { var originalUrl = link.href; var utmParameters = `utm_source=blog&utm_campaign=${encodeURIComponent(slugPart)}&utm_medium=organic`; // UTM parameters with the slug part var separator = originalUrl.includes('?') ? '&' : '?'; // Determine if we need to start with '?' or append with '&' link.href = `${originalUrl}${separator}${utmParameters}`; // Append UTM parameters to the URL }); } setUTMParameters(); // Execute the function when the page loads});

empathycompassion

Calm Editorial Team