Calculate Click Thru Rate

Click-Through Rate (CTR) Calculator

Understanding your Click-Through Rate (CTR) is crucial for evaluating the effectiveness of your online advertising, email marketing campaigns, or even website links. CTR measures how often people who see your ad or link end up clicking on it. A higher CTR generally indicates that your content is relevant and engaging to your audience.

function calculateCTR() { var impressionsInput = document.getElementById("impressions"); var clicksInput = document.getElementById("clicks"); var resultDiv = document.getElementById("result"); var impressions = parseFloat(impressionsInput.value); var clicks = parseFloat(clicksInput.value); if (isNaN(impressions) || isNaN(clicks)) { resultDiv.innerHTML = "Please enter valid numbers for both impressions and clicks."; return; } if (impressions <= 0) { resultDiv.innerHTML = "Number of impressions must be greater than zero."; return; } if (clicks < 0) { resultDiv.innerHTML = "Number of clicks cannot be negative."; return; } var ctr = (clicks / impressions) * 100; resultDiv.innerHTML = "

Your Click-Through Rate (CTR) is:

" + ctr.toFixed(2) + "%"; } #ctrCalculator { font-family: sans-serif; border: 1px solid #ddd; padding: 20px; border-radius: 8px; max-width: 400px; margin: 20px auto; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; font-weight: bold; } .form-group input[type="number"] { width: calc(100% – 22px); padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } #ctrCalculator button { background-color: #007bff; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; } #ctrCalculator button:hover { background-color: #0056b3; } #result { margin-top: 20px; padding: 15px; background-color: #e9ecef; border-radius: 4px; text-align: center; } #result h3 { margin-top: 0; color: #333; } #result p { font-size: 24px; color: #007bff; font-weight: bold; margin-bottom: 0; }

Leave a Comment