{"id":2922,"date":"2025-11-22T13:27:44","date_gmt":"2025-11-22T13:27:44","guid":{"rendered":"https:\/\/percentizer.com\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%ac%d9%88%d8%ac%d9%84\/"},"modified":"2025-11-28T17:26:43","modified_gmt":"2025-11-28T17:26:43","slug":"%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%ac%d9%88%d8%ac%d9%84","status":"publish","type":"page","link":"https:\/\/percentizer.com\/ar\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%ac%d9%88%d8%ac%d9%84\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u062c\u0648\u062c\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2922\" class=\"elementor elementor-2922 elementor-2879\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66432b4 e-flex e-con-boxed e-con e-parent\" data-id=\"66432b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-61e76b1 e-con-full e-flex e-con e-child\" data-id=\"61e76b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc80d21 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"dc80d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42078ff elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"42078ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u064a \u062a\u0631\u062a\u0642\u064a \u0628\u0623\u0639\u0645\u0627\u0644\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a2b6b0 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1a2b6b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a Percentizer\u060c \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f2a34a elementor-widget elementor-widget-html\" data-id=\"2f2a34a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Google Reviews Calculator Widget<\/title> <style> \/* Widget Container Styles *\/ .reviews-calculator-widget { font-family: 'IBM Plex Sans Arabic'; direction: rtl; max-width: 600px; margin: 0 auto; } .widget-step { background: #333; border-radius: 15px; padding: 30px; margin-bottom: 30px; border-right: 5px solid #ED5D5D; } .widget-step h2 { color: #fff; font-size: 1.8em; margin: 0 0 20px 0; display: flex; align-items: center; } .widget-step-number { background: #ED5D5D; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-left: 15px; font-size: 1.2em; } .widget-form-group { margin-bottom: 20px; } .widget-label { display: block; margin-bottom: 8px; font-weight: 600; color: #555; text-align: right; } .widget-input { width: 100%; padding: 12px 16px; border: 2px solid #ED5D5D; border-radius: 8px; font-size: 16px; transition: border-color 0.3s; box-sizing: border-box; text-align: right; } .widget-input:focus { outline: none; border-color: #ED5D5D; } .widget-btn { background: #fff ; color: #ED5D5D; padding: 15px 30px; border: none; border-radius: 8px; font-size: 18px; font-weight: 600; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; width: 100%; } .widget-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 87, 217, 0.3); } .widget-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .widget-result { background: linear-gradient(135deg, #0057D9 0%, #EA5455 100%); color: white; padding: 30px; border-radius: 15px; margin-bottom: 30px; text-align: center; } .widget-result h3 { margin: 0 0 15px 0; font-size: 1.8em; } .widget-result-number { font-size: 3em; font-weight: bold; margin: 20px 0; } .widget-star-display { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 15px 0; } .widget-star { font-size: 1.5em; color: #ED5D5D; } .widget-contact-form { background: #ED5D5D; border-radius: 10px; padding: 30px; margin-top: 30px; border-right: 4px solid #ED5D5D; } .widget-contact-form h3 { color: #fff; margin-top: 0; margin-bottom: 20px; font-size: 1.5em; } .widget-form-row { display: flex; gap: 15px; margin-bottom: 20px; } .widget-form-col { flex: 1; } .widget-submit-btn { background: linear-gradient(135deg, #EA5455 0%, #0057D9 100%); color: white; padding: 15px 30px; border: none; border-radius: 8px; font-size: 18px; font-weight: 600; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; width: 100%; } .widget-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(234, 84, 85, 0.3); } .widget-error-message { background: #f8d7da; color: #721c24; padding: 15px; border-radius: 8px; margin-top: 10px; border-right: 4px solid #dc3545; display: none; } .widget-success-message { background: #d4edda; color: #155724; padding: 20px; border-radius: 10px; margin-top: 20px; border-right: 4px solid #28a745; display: none; } .widget-required { color: #EA5455; } .widget-step-2 { display: none; } .widget-step-2-show { display: block !important; animation: slideIn 0.5s ease-out; } @keyframes slideIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 600px) { .widget-form-row { flex-direction: column; gap: 0; } .widget-step { padding: 20px; } } <\/style> <\/head> <body> <div class=\"reviews-calculator-widget\"> <!-- Step 1: Calculator Form --> <div class=\"widget-step\"> <h2><span class=\"widget-step-number\">1<\/span>\u0623\u062f\u062e\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0645\u0644\u0643<\/h2> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-current-rating\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u064a \u0628\u0627\u0644\u0646\u062c\u0648\u0645 (1.0 - 5.0) <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"number\" id=\"widget-current-rating\" min=\"1\" max=\"5\" step=\"0.1\" placeholder=\"\u0645\u062b\u0627\u0644: 3.7\" required> <\/div> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-current-reviews\">\u0639\u062f\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"number\" id=\"widget-current-reviews\" min=\"0\" placeholder=\"\u0645\u062b\u0627\u0644: 25\" required> <\/div> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-desired-rating\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0628\u0627\u0644\u0646\u062c\u0648\u0645 (1.0 - 5.0) <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"number\" id=\"widget-desired-rating\" min=\"1\" max=\"5\" step=\"0.1\" placeholder=\"\u0645\u062b\u0627\u0644: 4.5\" required> <\/div> <div class=\"widget-error-message\" id=\"widget-error-message\"><\/div> <button class=\"widget-btn\" id=\"widget-calculate-button\">\u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/button> <\/div> <!-- Step 2: Results and Contact Form --> <div class=\"widget-step widget-step-2\" id=\"widget-step-2\"> <h2><span class=\"widget-step-number\">2<\/span>\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h2> <div class=\"widget-result\" id=\"widget-result\"> <h3>\ud83c\udfaf \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062d\u0633\u0627\u0628<\/h3> <div class=\"widget-star-display\"> <span>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u064a:<\/span> <div id=\"widget-current-stars\"><\/div> <span id=\"widget-current-rating-text\"><\/span> <\/div> <div class=\"widget-result-number\" id=\"widget-reviews-needed\">0<\/div> <p>\u062a\u0642\u064a\u064a\u0645 \u0625\u0636\u0627\u0641\u064a \u0628\u0640 5 \u0646\u062c\u0648\u0645 \u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0647\u062f\u0641\u0643 <span id=\"widget-goal-rating\"><\/span> \u0646\u062c\u0648\u0645<\/p> <div class=\"widget-star-display\"> <span>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641:<\/span> <div id=\"widget-target-stars\"><\/div> <span id=\"widget-target-rating-text\"><\/span> <\/div> <\/div> <div class=\"widget-contact-form\"> <h3>\ud83d\udce7 \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0644\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a<\/h3> <p>\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0623\u062f\u0646\u0627\u0647 \u0644\u062a\u0644\u0642\u064a \u062e\u0637\u0629 \u0639\u0645\u0644 \u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.<\/p> <form id=\"widget-contact-form\"> <div class=\"widget-form-row\"> <div class=\"widget-form-col\"> <label class=\"widget-label\" for=\"widget-first-name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"text\" id=\"widget-first-name\" name=\"first_name\" required> <\/div> <div class=\"widget-form-col\"> <label class=\"widget-label\" for=\"widget-last-name\">\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"text\" id=\"widget-last-name\" name=\"last_name\" required> <\/div> <\/div> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"widget-required\">*<\/span><\/label> <input class=\"widget-input\" type=\"email\" id=\"widget-email\" name=\"email\" required> <\/div> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label> <input class=\"widget-input\" type=\"tel\" id=\"widget-phone\" name=\"phone\" placeholder=\"01234567890\"> <\/div> <div class=\"widget-form-group\"> <label class=\"widget-label\" for=\"widget-business-name\">\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629<\/label> <input class=\"widget-input\" type=\"text\" id=\"widget-business-name\" name=\"business_name\" placeholder=\"\u0627\u0633\u0645 \u0634\u0631\u0643\u062a\u0643\"> <\/div> <!-- Hidden fields for calculator data --> <input type=\"hidden\" id=\"widget-calc-current-rating\" name=\"current_rating\"> <input type=\"hidden\" id=\"widget-calc-current-reviews\" name=\"current_reviews\"> <input type=\"hidden\" id=\"widget-calc-desired-rating\" name=\"desired_rating\"> <input type=\"hidden\" id=\"widget-calc-reviews-needed\" name=\"reviews_needed\"> <button type=\"submit\" class=\"widget-submit-btn\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a<\/button> <\/form> <div class=\"widget-success-message\" id=\"widget-success-message\"> <h4>\u2705 \u0634\u0643\u0631\u064b\u0627 \u0644\u0643 \u0639\u0644\u0649 \u0625\u0631\u0633\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643!<\/h4> <p>\u0644\u0642\u062f \u0627\u0633\u062a\u0644\u0645\u0646\u0627 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0648\u0633\u0646\u0631\u0633\u0644 \u0644\u0643 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0634\u062e\u0635\u064a\u0629 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629.<\/p> <\/div> <\/div> <button class=\"widget-btn\" id=\"widget-reset-button\" style=\"margin-top: 20px;\">\u0627\u062d\u0633\u0628 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649<\/button> <\/div> <\/div> <script> \/\/ Google Reviews Calculator Widget class ReviewsCalculatorWidget { constructor() { this.init(); } init() { this.bindEvents(); } bindEvents() { document.getElementById('widget-calculate-button').addEventListener('click', () => this.calculateReviews()); document.getElementById('widget-contact-form').addEventListener('submit', (e) => this.submitForm(e)); document.getElementById('widget-reset-button').addEventListener('click', () => this.resetCalculator()); \/\/ Add enter key functionality document.addEventListener('keypress', (e) => { if (e.key === 'Enter' && !document.getElementById('widget-step-2').classList.contains('widget-step-2-show')) { this.calculateReviews(); } }); } generateStars(rating) { const fullStars = Math.floor(rating); const hasHalfStar = rating % 1 >= 0.5; let stars = ''; for (let i = 0; i < fullStars; i++) { stars += '<span class=\"widget-star\">\u2605<\/span>'; } if (hasHalfStar) { stars += '<span class=\"widget-star\">\u2606<\/span>'; } const emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0); for (let i = 0; i < emptyStars; i++) { stars += '<span class=\"widget-star\" style=\"color: #ddd;\">\u2606<\/span>'; } return stars; } showError(message) { const errorDiv = document.getElementById('widget-error-message'); errorDiv.textContent = message; errorDiv.style.display = 'block'; setTimeout(() => { errorDiv.style.display = 'none'; }, 5000); } calculateReviews() { try { const currentRating = parseFloat(document.getElementById('widget-current-rating').value); const currentReviews = parseInt(document.getElementById('widget-current-reviews').value); const desiredRating = parseFloat(document.getElementById('widget-desired-rating').value); \/\/ Clear previous errors document.getElementById('widget-error-message').style.display = 'none'; \/\/ Validation if (isNaN(currentRating) || isNaN(currentReviews) || isNaN(desiredRating)) { this.showError('\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u0643\u0645\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629'); return; } if (currentRating < 1 || currentRating > 5 || desiredRating < 1 || desiredRating > 5) { this.showError('\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0628\u064a\u0646 1.0 \u0648 5.0'); return; } if (desiredRating <= currentRating) { this.showError('\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u064a'); return; } \/\/ Calculate total rating points from current reviews const currentTotalPoints = currentRating * currentReviews; \/\/ Calculate how many 5-star reviews are needed const numerator = (desiredRating * currentReviews) - currentTotalPoints; const denominator = 5 - desiredRating; if (denominator <= 0) { this.showError('\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062d\u0633\u0627\u0628 - \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u0627\u064b'); return; } const reviewsNeeded = Math.ceil(numerator \/ denominator); \/\/ Display results document.getElementById('widget-reviews-needed').textContent = reviewsNeeded; document.getElementById('widget-goal-rating').textContent = desiredRating; document.getElementById('widget-current-rating-text').textContent = currentRating; document.getElementById('widget-target-rating-text').textContent = desiredRating; \/\/ Set hidden form fields document.getElementById('widget-calc-current-rating').value = currentRating; document.getElementById('widget-calc-current-reviews').value = currentReviews; document.getElementById('widget-calc-desired-rating').value = desiredRating; document.getElementById('widget-calc-reviews-needed').value = reviewsNeeded; \/\/ Generate star displays document.getElementById('widget-current-stars').innerHTML = this.generateStars(currentRating); document.getElementById('widget-target-stars').innerHTML = this.generateStars(desiredRating); \/\/ Show Step 2 const step2 = document.getElementById('widget-step-2'); step2.classList.add('widget-step-2-show'); \/\/ Smooth scroll to Step 2 setTimeout(() => { step2.scrollIntoView({ behavior: 'smooth' }); }, 100); \/\/ Trigger custom event for external handling this.triggerCalculationEvent({ currentRating, currentReviews, desiredRating, reviewsNeeded }); } catch (error) { console.error('\u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628:', error); this.showError('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628. \u0645\u0646 \u0641\u0636\u0644\u0643 \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.'); } } submitForm(event) { event.preventDefault(); try { \/\/ Get form data const formData = new FormData(document.getElementById('widget-contact-form')); const data = Object.fromEntries(formData); \/\/ Add submission timestamp data.submitted_at = new Date().toISOString(); data.submitted_at_arabic = new Date().toLocaleDateString('ar-EG') + ' ' + new Date().toLocaleTimeString('ar-EG'); \/\/ Log the data to console for debugging console.log('Widget Form Submitted:', data); \/\/ Show success message document.getElementById('widget-contact-form').style.display = 'none'; document.getElementById('widget-success-message').style.display = 'block'; \/\/ Trigger custom event for external handling this.triggerSubmissionEvent(data); } catch (error) { console.error('\u062e\u0637\u0623 \u0641\u064a \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c:', error); this.showError('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c. \u0645\u0646 \u0641\u0636\u0644\u0643 \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.'); } } resetCalculator() { try { \/\/ Clear calculator inputs document.getElementById('widget-current-rating').value = ''; document.getElementById('widget-current-reviews').value = ''; document.getElementById('widget-desired-rating').value = ''; \/\/ Clear contact form document.getElementById('widget-contact-form').reset(); \/\/ Hide Step 2 const step2 = document.getElementById('widget-step-2'); step2.classList.remove('widget-step-2-show'); \/\/ Show contact form and hide success message document.getElementById('widget-contact-form').style.display = 'block'; document.getElementById('widget-success-message').style.display = 'none'; \/\/ Clear any error messages document.getElementById('widget-error-message').style.display = 'none'; \/\/ Scroll back to top document.querySelector('.reviews-calculator-widget').scrollIntoView({ behavior: 'smooth' }); } catch (error) { console.error('\u062e\u0637\u0623 \u0641\u064a \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u062d\u0627\u0633\u0628\u0629:', error); } } \/\/ Custom events for external integration triggerCalculationEvent(data) { const event = new CustomEvent('reviewsCalculated', { detail: data }); document.dispatchEvent(event); } triggerSubmissionEvent(data) { const event = new CustomEvent('reviewsFormSubmitted', { detail: data }); document.dispatchEvent(event); } } \/\/ Initialize widget when DOM is loaded document.addEventListener('DOMContentLoaded', () => { new ReviewsCalculatorWidget(); }); \/\/ Expose widget for external access window.ReviewsCalculatorWidget = ReviewsCalculatorWidget; <\/script> <\/body> <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062a\u064a \u062a\u0631\u062a\u0642\u064a \u0628\u0623\u0639\u0645\u0627\u0644\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a \u0641\u064a Percentizer\u060c \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643: Google Reviews Calculator Widget 1\u0623\u062f\u062e\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0645\u0644\u0643 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u064a \u0628\u0627\u0644\u0646\u062c\u0648\u0645 (1.0 &#8211; 5.0) * \u0639\u062f\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 * \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0628\u0627\u0644\u0646\u062c\u0648\u0645 (1.0 &#8211; 5.0) * \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 2\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2922","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/pages\/2922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/comments?post=2922"}],"version-history":[{"count":4,"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/pages\/2922\/revisions"}],"predecessor-version":[{"id":2932,"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/pages\/2922\/revisions\/2932"}],"wp:attachment":[{"href":"https:\/\/percentizer.com\/ar\/wp-json\/wp\/v2\/media?parent=2922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}