Post Engagement Rate Calculator

.engagement-calc-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; max-width: 600px; margin: 20px auto; padding: 25px; border: 1px solid #e1e1e1; border-radius: 12px; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } .engagement-calc-container h2 { color: #333; text-align: center; margin-top: 0; } .calc-row { margin-bottom: 15px; } .calc-row label { display: block; font-weight: 600; margin-bottom: 5px; color: #555; } .calc-row input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px; } .calc-btn { width: 100%; background-color: #0073aa; color: white; padding: 12px; border: none; border-radius: 6px; font-size: 18px; cursor: pointer; font-weight: bold; transition: background-color 0.2s; } .calc-btn:hover { background-color: #005177; } .calc-result { margin-top: 20px; padding: 15px; background-color: #f0f7ff; border-radius: 8px; display: none; text-align: center; } .calc-result h3 { margin: 0; color: #0073aa; font-size: 24px; } .calc-result p { margin: 5px 0 0; color: #444; } .engagement-article { margin-top: 40px; line-height: 1.6; color: #333; } .engagement-article h2, .engagement-article h3 { color: #222; } .engagement-article ul { padding-left: 20px; } function calculateEngagement() { var likes = parseFloat(document.getElementById('post_likes').value) || 0; var comments = parseFloat(document.getElementById('post_comments').value) || 0; var shares = parseFloat(document.getElementById('post_shares').value) || 0; var saves = parseFloat(document.getElementById('post_saves').value) || 0; var reach = parseFloat(document.getElementById('post_reach').value) || 0; var resultDiv = document.getElementById('engagementResult'); var rateDisplay = document.getElementById('rateDisplay'); var rateFeedback = document.getElementById('rateFeedback'); if (reach <= 0) { alert("Please enter a valid number for Reach or Followers (greater than 0)."); return; } var totalInteractions = likes + comments + shares + saves; var engagementRate = (totalInteractions / reach) * 100; rateDisplay.innerHTML = engagementRate.toFixed(2) + "%"; var feedback = ""; if (engagementRate = 1 && engagementRate = 3 && engagementRate < 6) { feedback = "Great job! This post is highly engaging for your audience."; } else { feedback = "Outstanding! This engagement rate is well above average."; } rateFeedback.innerHTML = feedback; resultDiv.style.display = "block"; }

Leave a Comment