Social Media Calculators

Snapchat Story Engagement Calculator

⚡ Snapchat Story Engagement Calculator

Measure and optimize your Snapchat Story performance

`); printWindow.document.close(); printWindow.print();showToast('PDF export opened', '📄'); }// Export to CSV function exportToCsv() { if (!currentResults) { showToast('No results to export', '📊'); return; }// Create CSV content const csvContent = [ ['Metric', 'Value'], ['Story Views', currentResults.views], ['Replies', currentResults.replies], ['Screenshots', currentResults.screenshots], ['Shares', currentResults.shares], ['Profile Visits', currentResults.profileVisits], ['Time Period', currentResults.timePeriod], ['Story Type', currentResults.storyType], ['Overall Engagement Rate (%)', currentResults.engagementRate.toFixed(2)], ['Reply Rate (%)', currentResults.replyRate.toFixed(2)], ['Screenshot Rate (%)', currentResults.screenshotRate.toFixed(2)], ['Share Rate (%)', currentResults.shareRate.toFixed(2)], ['Profile Visit Rate (%)', currentResults.profileVisitRate.toFixed(2)], ['Engagement Score', currentResults.engagementScore.toFixed(2)], ['Performance Rating', currentResults.rating.text], ['Calculated At', currentResults.calculatedAt] ];// Convert to CSV string const csvString = csvContent.map(row => row.join(',')).join('\n');// Create download link const downloadLink = document.createElement('a'); downloadLink.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(csvString)); downloadLink.setAttribute('download', `snapchat-engagement-${Date.now()}.csv`); downloadLink.style.display = 'none';// Trigger download document.body.appendChild(downloadLink); downloadLink.click(); document.body.removeChild(downloadLink);showToast('CSV exported', '📊'); }// Toggle Formula function toggleFormula() { formulaContent.classList.toggle('hidden'); }// Setup Share Buttons function setupShareButtons() { const shareButtons = document.querySelectorAll('.share-btn'); shareButtons.forEach(button => { button.addEventListener('click', handleShare); }); }// Handle Share function handleShare(e) { if (!currentResults) { showToast('No results to share', '🔗'); return; }const platform = e.currentTarget.dataset.platform; const shareText = `I just calculated my Snapchat Story engagement! My engagement rate is ${currentResults.engagementRate.toFixed(1)}%. Try it yourself: ${window.location.href}`; const shareUrl = window.location.href;let url = '';switch (platform) { case 'facebook': url = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}"e=${encodeURIComponent(shareText)}`; break; case 'twitter': url = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(shareUrl)}`; break; case 'whatsapp': url = `https://wa.me/?text=${encodeURIComponent(shareText + ' ' + shareUrl)}`; break; case 'telegram': url = `https://t.me/share/url?url=${encodeURIComponent(shareUrl)}&text=${encodeURIComponent(shareText)}`; break; case 'reddit': url = `https://reddit.com/submit?url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(shareText)}`; break; case 'pinterest': url = `https://pinterest.com/pin/create/button/?url=${encodeURIComponent(shareUrl)}&description=${encodeURIComponent(shareText)}`; break; case 'linkedin': url = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(shareUrl)}`; break; case 'tiktok': url = `https://www.tiktok.com/share?url=${encodeURIComponent(shareUrl)}`; break; case 'vk': url = `https://vk.com/share.php?url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(shareText)}`; break; case 'email': url = `mailto:?subject=${encodeURIComponent('My Snapchat Story Engagement Results')}&body=${encodeURIComponent(shareText + ' ' + shareUrl)}`; break; case 'copy': navigator.clipboard.writeText(shareText + ' ' + shareUrl).then(() => { showToast('Link copied to clipboard', '🔗'); }).catch(() => { showToast('Failed to copy link', '❌'); }); return; }// Open share dialog window.open(url, '_blank', 'width=600,height=400'); showToast(`Shared to ${platform}`, '🔗'); }// Show Toast function showToast(message, icon = '✓') { const toast = document.createElement('div'); toast.className = 'toast';const toastIcon = document.createElement('span'); toastIcon.className = 'toast-icon'; toastIcon.textContent = icon;const toastMessage = document.createElement('span'); toastMessage.textContent = message;toast.appendChild(toastIcon); toast.appendChild(toastMessage); toastContainer.appendChild(toast);// Remove toast after 3 seconds setTimeout(() => { toast.style.opacity = '0'; setTimeout(() => { toastContainer.removeChild(toast); }, 300); }, 3000); }// Initialize the calculator init(); })();

You may also like