XML Sitemap Validator: Check Your Sitemap for Errors -

An XML Sitemap Validator helps website owners check whether an XML sitemap follows a recognizable sitemap structure. A sitemap lists important URLs that search engines can use to discover website content. Checking its format before submission can help you identify malformed XML, missing location tags, duplicate URLs, and other common issues.

Use this free tool to paste your sitemap XML or upload an XML file, review validation results, and download a report. The tool checks the XML in your browser, so you can inspect the structure without sending your sitemap content to a separate validation service.

Free technical SEO tool

XML Sitemap Validator

Check an XML sitemap for parsing errors, missing or invalid location URLs, duplicate entries and common sitemap-format issues. Paste XML or upload a sitemap file to inspect its structure in your browser.

Upload an XML sitemap (optional)

Maximum file size: 5 MB. You can also paste XML below.

Paste sitemap XML

</div> 
	</div>
<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item" data-section="section-fb-social-icons-1">
				<div class="ast-footer-social-1-wrap ast-footer-social-wrap"><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z'></path></svg></span></a><a href="" aria-label="Twitter" target="_blank" rel="noopener noreferrer" style="--color: #7acdee; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path></svg></span></a><a href="" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z'></path></svg></span></a></div></div>			</div>
					<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p>Copyright © 2026 DGG</p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer>
	</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewbox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
<script>(function () {
  'use strict';

function initDiscountCalculator() {
    const root = document.getElementById('dgg-discount-calculator');
    if (!root || root.dataset.dggInitialized === 'true') return;
    root.dataset.dggInitialized = 'true';

// DOM Elements
    const currencySelect = document.getElementById('dgg-currency');
    const discountTypeSelect = document.getElementById('dgg-discount-type');
    const originalPriceInput = document.getElementById('dgg-original-price');
    const discountValueInput = document.getElementById('dgg-discount-value');
    const discountValLabel = document.getElementById('dgg-discount-val-label');
    const quantityInput = document.getElementById('dgg-quantity');
    const taxRateInput = document.getElementById('dgg-tax-rate');

const btnCalculate = document.getElementById('dgg-btn-calculate');
    const btnExample = document.getElementById('dgg-btn-example');
    const btnReset = document.getElementById('dgg-btn-reset');
    const btnCopy = document.getElementById('dgg-btn-copy');
    const btnDownload = document.getElementById('dgg-btn-download');

const errorBanner = document.getElementById('dgg-error-banner');
    const actionStatus = document.getElementById('dgg-action-status');
    const explanationBox = document.getElementById('dgg-explanation-box');

const resDiscountItem = document.getElementById('dgg-res-discount-item');
    const resFinalItem = document.getElementById('dgg-res-final-item');
    const resTotalSavings = document.getElementById('dgg-res-total-savings');
    const resTotalPrice = document.getElementById('dgg-res-total-price');

let currentCalculation = null;

// Helper: Currency Formatter
    function formatCurrency(amount, currencyCode) {
      try {
        return new Intl.NumberFormat('en-US', {
          style: 'currency',
          currency: currencyCode,
          minimumFractionDigits: 2,
          maximumFractionDigits: 2
        }).format(amount);
      } catch (e) {
        return currencyCode + ' ' + Number(amount).toFixed(2);
      }
    }

// Helper: Show Error
    function showError(msg) {
      errorBanner.textContent = msg;
      errorBanner.style.display = 'block';
    }

// Helper: Clear Error
    function clearError() {
      errorBanner.textContent = '';
      errorBanner.style.display = 'none';
    }

// Helper: Show Action Status
    function setStatus(msg, isSuccess = true) {
      actionStatus.textContent = msg;
      actionStatus.className = 'dgg-status-msg ' + (isSuccess ? 'success' : 'error');
      setTimeout(function () {
        actionStatus.textContent = '';
      }, 4000);
    }

// Handle Discount Type Switch
    function updateTypeLabel() {
      const type = discountTypeSelect.value;
      if (type === 'percentage') {
        discountValLabel.innerHTML = 'Discount Percentage (%) <span style="color:var(--dgg-error)">*</span>';
        discountValueInput.placeholder = 'e.g. 15';
      } else {
        discountValLabel.innerHTML = 'Discount Amount (Fixed) <span style="color:var(--dgg-error)">*</span>';
        discountValueInput.placeholder = 'e.g. 300';
      }
    }

discountTypeSelect.addEventListener('change', updateTypeLabel);

// Calculate Function
    function performCalculation() {
      clearError();

const currency = currencySelect.value;
      const type = discountTypeSelect.value;
      const origPriceStr = originalPriceInput.value.trim();
      const discValStr = discountValueInput.value.trim();
      const qtyStr = quantityInput.value.trim();
      const taxRateStr = taxRateInput.value.trim();

// Validation
      if (origPriceStr === '' || isNaN(origPriceStr)) {
        showError('Please enter a valid original price.');
        return null;
      }
      const origPrice = parseFloat(origPriceStr);
      if (origPrice <= 0 || !isFinite(origPrice)) {
        showError('Original price must be greater than zero.');
        return null;
      }

if (discValStr === '' || isNaN(discValStr)) {
        showError('Please enter a valid discount value.');
        return null;
      }
      const discVal = parseFloat(discValStr);
      if (discVal < 0 || !isFinite(discVal)) {
        showError('Discount value cannot be negative.');
        return null;
      }

let quantity = 1;
      if (qtyStr !== '') {
        quantity = Number(qtyStr);
        if (!Number.isInteger(quantity) || quantity <= 0) {
          showError('Quantity must be a positive whole number (e.g. 1, 2, 3).');
          return null;
        }
      }

let taxRate = 0;
      if (taxRateStr !== '') {
        taxRate = parseFloat(taxRateStr);
        if (isNaN(taxRate) || taxRate < 0 || taxRate > 100 || !isFinite(taxRate)) {
          showError('Tax rate must be a percentage between 0 and 100.');
          return null;
        }
      }

let discountPerItem = 0;
      let formulaText = '';

if (type === 'percentage') {
        if (discVal > 100) {
          showError('Percentage discount cannot exceed 100%.');
          return null;
        }
        discountPerItem = (origPrice * discVal) / 100;
        formulaText = `Discount = ${formatCurrency(origPrice, currency)} × ${discVal}% = ${formatCurrency(discountPerItem, currency)}`;
      } else {
        if (discVal > origPrice) {
          showError('Fixed discount amount cannot exceed the original price.');
          return null;
        }
        discountPerItem = discVal;
        formulaText = `Discount = Fixed amount of ${formatCurrency(discountPerItem, currency)}`;
      }

const finalPricePerItemUntaxed = origPrice - discountPerItem;
      const taxPerItem = (finalPricePerItemUntaxed * taxRate) / 100;
      const finalPricePerItem = finalPricePerItemUntaxed + taxPerItem;

const totalSavings = discountPerItem * quantity;
      const totalPrice = finalPricePerItem * quantity;

// Update UI Result Display
      resDiscountItem.textContent = formatCurrency(discountPerItem, currency);
      resFinalItem.textContent = formatCurrency(finalPricePerItem, currency);
      resTotalSavings.textContent = formatCurrency(totalSavings, currency);
      resTotalPrice.textContent = formatCurrency(totalPrice, currency);

// Construct Explanation
      let explanationHTML = `<strong>Formula Breakdown:</strong><br>`;
      explanationHTML += `• ${formulaText}<br>`;
      explanationHTML += `• Final Price per Item = ${formatCurrency(origPrice, currency)} - ${formatCurrency(discountPerItem, currency)}`;
      if (taxRate > 0) {
        explanationHTML += ` + ${taxRate}% Tax (${formatCurrency(taxPerItem, currency)})`;
      }
      explanationHTML += ` = <strong>${formatCurrency(finalPricePerItem, currency)}</strong><br>`;

if (quantity > 1) {
        explanationHTML += `• Multiplied for quantity of ${quantity}: Total Savings = <strong>${formatCurrency(totalSavings, currency)}</strong>, Total Final Price = <strong>${formatCurrency(totalPrice, currency)}</strong>.`;
      }

explanationBox.innerHTML = explanationHTML;

currentCalculation = {
        currency: currency,
        type: type,
        origPrice: origPrice,
        discVal: discVal,
        quantity: quantity,
        taxRate: taxRate,
        discountPerItem: discountPerItem,
        finalPricePerItem: finalPricePerItem,
        totalSavings: totalSavings,
        totalPrice: totalPrice,
        formulaText: formulaText
      };

return currentCalculation;
    }

// Event: Calculate Button
    btnCalculate.addEventListener('click', function () {
      performCalculation();
    });

// Event: Use Example Button
    btnExample.addEventListener('click', function () {
      currencySelect.value = 'INR';
      discountTypeSelect.value = 'percentage';
      updateTypeLabel();
      originalPriceInput.value = '2000';
      discountValueInput.value = '15';
      quantityInput.value = '1';
      taxRateInput.value = '';
      performCalculation();
    });

// Event: Reset Button
    btnReset.addEventListener('click', function () {
      clearError();
      currencySelect.value = 'INR';
      discountTypeSelect.value = 'percentage';
      updateTypeLabel();
      originalPriceInput.value = '';
      discountValueInput.value = '';
      quantityInput.value = '1';
      taxRateInput.value = '';

resDiscountItem.textContent = '₹0.00';
      resFinalItem.textContent = '₹0.00';
      resTotalSavings.textContent = '₹0.00';
      resTotalPrice.textContent = '₹0.00';

explanationBox.innerHTML = '<strong>Formula & Breakdown:</strong> Enter your item values above and click <strong>Calculate</strong> to view the detailed explanation.';
      currentCalculation = null;
      setStatus('');
    });

// Event: Copy Result
    btnCopy.addEventListener('click', function () {
      const calc = performCalculation();
      if (!calc) return;

const summaryText = 
        `--- Discount Calculation Summary ---\n` +
        `Original Price: ${formatCurrency(calc.origPrice, calc.currency)}\n` +
        `Discount: ${calc.discVal}${calc.type === 'percentage' ? '%' : ' ' + calc.currency}\n` +
        `Quantity: ${calc.quantity}\n` +
        (calc.taxRate > 0 ? `Tax Rate: ${calc.taxRate}%\n` : '') +
        `-----------------------------------\n` +
        `Discount Per Item: ${formatCurrency(calc.discountPerItem, calc.currency)}\n` +
        `Final Price Per Item: ${formatCurrency(calc.finalPricePerItem, calc.currency)}\n` +
        `Total Savings: ${formatCurrency(calc.totalSavings, calc.currency)}\n` +
        `Total Price: ${formatCurrency(calc.totalPrice, calc.currency)}\n` +
        `Calculated via Digital Growth Guide`;

if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(summaryText)
          .then(function () {
            setStatus('Calculation summary copied to clipboard!');
          })
          .catch(function () {
            fallbackCopyText(summaryText);
          });
      } else {
        fallbackCopyText(summaryText);
      }
    });

// Event: Download Result (.txt)
    btnDownload.addEventListener('click', function () {
      const calc = performCalculation();
      if (!calc) return;

const fileContent = 
        `DISCOUNT CALCULATOR REPORT\n` +
        `Generated on: ${new Date().toLocaleString()}\n` +
        `-----------------------------------------\n` +
        `Currency: ${calc.currency}\n` +
        `Original Price: ${formatCurrency(calc.origPrice, calc.currency)}\n` +
        `Discount Type: ${calc.type.toUpperCase()}\n` +
        `Discount Value: ${calc.discVal}${calc.type === 'percentage' ? '%' : ''}\n` +
        `Quantity: ${calc.quantity}\n` +
        (calc.taxRate > 0 ? `Tax Rate: ${calc.taxRate}%\n` : '') +
        `-----------------------------------------\n` +
        `Discount Per Item: ${formatCurrency(calc.discountPerItem, calc.currency)}\n` +
        `Final Price Per Item: ${formatCurrency(calc.finalPricePerItem, calc.currency)}\n` +
        `Total Savings: ${formatCurrency(calc.totalSavings, calc.currency)}\n` +
        `Total Final Amount: ${formatCurrency(calc.totalPrice, calc.currency)}\n` +
        `-----------------------------------------\n` +
        `Formula Used: ${calc.formulaText}\n`;

const blob = new Blob([fileContent], { type: 'text/plain;charset=utf-8' });
      const url = URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = url;
      link.download = `discount-calculation-${Date.now()}.txt`;
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
      URL.revokeObjectURL(url);

setStatus('Report downloaded successfully!');
    });
  }

// Safe Initialization execution
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDiscountCalculator);
  } else {
    initDiscountCalculator();
  }
})();</script><script>(function () {
  'use strict';

// Guard against re-initialization if script runs multiple times
  if (window.__dggAgeCalculatorInitialized) return;
  window.__dggAgeCalculatorInitialized = true;

// Active Mode State: 'age' or 'diff'
  let currentMode = 'age';

// Initialize script when DOM is accessible
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCalculator);
  } else {
    initCalculator();
  }

function initCalculator() {
    const root = document.getElementById('dgg-age-calculator');
    if (!root) return; // Exit cleanly if tool isn't on this page

// Cache essential elements
    const startInput = document.getElementById('dgg-date-start');
    const endInput = document.getElementById('dgg-date-end');
    const tabAge = document.getElementById('dgg-tab-age');
    const tabDiff = document.getElementById('dgg-tab-diff');
    const labelStart = document.getElementById('dgg-label-start');
    const labelEnd = document.getElementById('dgg-label-end');
    const calcBtn = document.getElementById('dgg-btn-calc');
    const exampleBtn = document.getElementById('dgg-btn-example');
    const resetBtn = document.getElementById('dgg-btn-reset');
    const copyBtn = document.getElementById('dgg-btn-copy');
    const downloadBtn = document.getElementById('dgg-btn-download');
    const alertBox = document.getElementById('dgg-alert-box');
    const resultsWrapper = document.getElementById('dgg-results-wrapper');
    const bdayContainer = document.getElementById('dgg-birthday-stat-container');
    const statsHeading = document.getElementById('dgg-stats-heading');

// Set Default End Date to Today (Local YYYY-MM-DD safely)
    const todayStr = getTodayISOString();
    endInput.value = todayStr;

// Mode Switching
    tabAge.addEventListener('click', function () {
      setMode('age');
    });
    tabDiff.addEventListener('click', function () {
      setMode('diff');
    });

function setMode(mode) {
      currentMode = mode;
      hideAlert();
      resultsWrapper.classList.remove('active');

if (mode === 'age') {
        tabAge.classList.add('active');
        tabAge.setAttribute('aria-selected', 'true');
        tabDiff.classList.remove('active');
        tabDiff.setAttribute('aria-selected', 'false');

labelStart.textContent = 'Date of Birth';
        labelEnd.textContent = 'Age as of Date';
        calcBtn.textContent = 'Calculate Age';
        statsHeading.textContent = 'Total Lifetime Statistics';
        bdayContainer.style.display = 'block';
      } else {
        tabDiff.classList.add('active');
        tabDiff.setAttribute('aria-selected', 'true');
        tabAge.classList.remove('active');
        tabAge.setAttribute('aria-selected', 'false');

labelStart.textContent = 'Start Date';
        labelEnd.textContent = 'End Date';
        calcBtn.textContent = 'Calculate Difference';
        statsHeading.textContent = 'Duration Breakdown';
        bdayContainer.style.display = 'none';
      }
    }

// Main Calculation Logic Trigger
    calcBtn.addEventListener('click', performCalculation);

function performCalculation() {
      hideAlert();

const startVal = startInput.value;
      const endVal = endInput.value;

if (!startVal || !endVal) {
        showAlert('Please select both dates before calculating.', 'error');
        return;
      }

const dStart = parseISODate(startVal);
      const dEnd = parseISODate(endVal);

if (!dStart || !dEnd) {
        showAlert('Invalid date format encountered.', 'error');
        return;
      }

if (dStart > dEnd) {
        const msg = currentMode === 'age' 
          ? 'Date of birth cannot be later than the "Age as of" date.' 
          : 'Start date cannot be later than the End date.';
        showAlert(msg, 'error');
        return;
      }

// Calculate Calendar Age (Y, M, D)
      const ageRes = calculateCalendarDifference(dStart, dEnd);

// Display primary grid
      document.getElementById('dgg-res-years').textContent = ageRes.years;
      document.getElementById('dgg-res-months').textContent = ageRes.months;
      document.getElementById('dgg-res-days').textContent = ageRes.days;

// Calculate Total Days (UTC Day Difference to prevent DST off-by-one errors)
      const totalDays = getUtcDayDiff(dStart, dEnd);
      
      const weeks = Math.floor(totalDays / 7);
      const remDays = totalDays % 7;
      const approxMonths = (ageRes.years * 12 + ageRes.months + (ageRes.days / 30.4375)).toFixed(1);

document.getElementById('dgg-stat-total-days').textContent = totalDays.toLocaleString() + ' days';
      document.getElementById('dgg-stat-weeks').textContent = weeks.toLocaleString() + ' weeks, ' + remDays + ' days';
      document.getElementById('dgg-stat-total-months').textContent = '~' + approxMonths + ' months';

// Next Birthday Calculation (Only in Age Mode)
      if (currentMode === 'age') {
        const nextBdayInfo = calculateNextBirthday(dStart, dEnd);
        document.getElementById('dgg-stat-next-bday').textContent = nextBdayInfo.formattedDate + ' (' + nextBdayInfo.daysRemaining + ' days left)';
      }

resultsWrapper.classList.add('active');
    }

// Core Calendar Logic (Respects Month Lengths & Leap Years)
    function calculateCalendarDifference(startDate, endDate) {
      let y1 = startDate.getFullYear();
      let m1 = startDate.getMonth();
      let d1 = startDate.getDate();

let y2 = endDate.getFullYear();
      let m2 = endDate.getMonth();
      let d2 = endDate.getDate();

let years = y2 - y1;
      let months = m2 - m1;
      let days = d2 - d1;

if (days < 0) {
        months--;
        // Determine days in the previous month relative to target
        const previousMonth = new Date(y2, m2, 0);
        days += previousMonth.getDate();
      }

if (months < 0) {
        years--;
        months += 12;
      }

return { years: years, months: months, days: days };
    }

// Calculate UTC Day Difference (DST Immune)
    function getUtcDayDiff(d1, d2) {
      const utc1 = Date.UTC(d1.getFullYear(), d1.getMonth(), d1.getDate());
      const utc2 = Date.UTC(d2.getFullYear(), d2.getMonth(), d2.getDate());
      return Math.floor((utc2 - utc1) / (1000 * 60 * 60 * 24));
    }

// Check Leap Year
    function isLeapYear(year) {
      return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
    }

// Next Birthday Handler (Handles Feb 29 cleanly)
    function calculateNextBirthday(birthDate, asOfDate) {
      const bMonth = birthDate.getMonth(); // 0-indexed
      const bDay = birthDate.getDate();
      const asOfYear = asOfDate.getFullYear();

// Check birthday in current target year
      let targetYear = asOfYear;
      let nextBday = getBirthdayForYear(birthDate, targetYear);

// If birthday already passed this year, move to next year
      if (nextBday < asOfDate) {
        targetYear++;
        nextBday = getBirthdayForYear(birthDate, targetYear);
      }

const daysRemaining = getUtcDayDiff(asOfDate, nextBday);
      
      const options = { month: 'short', day: 'numeric', year: 'numeric' };
      const formattedDate = nextBday.toLocaleDateString('en-US', options);

return {
        formattedDate: formattedDate,
        daysRemaining: daysRemaining
      };
    }

function getBirthdayForYear(birthDate, year) {
      const bMonth = birthDate.getMonth();
      const bDay = birthDate.getDate();

// Handle Feb 29
      if (bMonth === 1 && bDay === 29) {
        if (isLeapYear(year)) {
          return new Date(year, 1, 29);
        } else {
          // Standard convention: Non-leap year Feb 29 falls on Feb 28
          return new Date(year, 1, 28);
        }
      }
      return new Date(year, bMonth, bDay);
    }

// Utility: ISO Safe Parser
    function parseISODate(str) {
      if (!str) return null;
      const parts = str.split('-');
      if (parts.length !== 3) return null;
      const y = parseInt(parts[0], 10);
      const m = parseInt(parts[1], 10) - 1;
      const d = parseInt(parts[2], 10);
      return new Date(y, m, d);
    }

function getTodayISOString() {
      const now = new Date();
      const y = now.getFullYear();
      const m = String(now.getMonth() + 1).padStart(2, '0');
      const d = String(now.getDate()).padStart(2, '0');
      return y + '-' + m + '-' + d;
    }

// Preset Example Button
    exampleBtn.addEventListener('click', function () {
      startInput.value = '1995-05-15';
      endInput.value = getTodayISOString();
      performCalculation();
      showAlert('Loaded example birth date: May 15, 1995.', 'success');
    });

// Reset Button
    resetBtn.addEventListener('click', function () {
      startInput.value = '';
      endInput.value = getTodayISOString();
      resultsWrapper.classList.remove('active');
      setMode('age');
      hideAlert();
    });

// Copy Results
    copyBtn.addEventListener('click', function () {
      const summaryText = buildSummaryText();
      if (!summaryText) return;

if (navigator.clipboard && window.isSecureContext) {
        navigator.clipboard.writeText(summaryText)
          .then(function () {
            showAlert('Results copied to clipboard!', 'success');
          })
          .catch(function () {
            fallbackCopy(summaryText);
          });
      } else {
        fallbackCopy(summaryText);
      }
    });

// Download File Action
    downloadBtn.addEventListener('click', function () {
      const text = buildSummaryText();
      if (!text) return;

const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
      const url = URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = url;
      link.download = 'age-calculation-result.txt';
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
      URL.revokeObjectURL(url);
      showAlert('Calculation text file downloaded!', 'success');
    });

// Build Export Content
    function buildSummaryText() {
      const start = startInput.value;
      const end = endInput.value;
      const yrs = document.getElementById('dgg-res-years').textContent;
      const mos = document.getElementById('dgg-res-months').textContent;
      const dys = document.getElementById('dgg-res-days').textContent;
      const totalDays = document.getElementById('dgg-stat-total-days').textContent;
      const weeks = document.getElementById('dgg-stat-weeks').textContent;
      const approxMonths = document.getElementById('dgg-stat-total-months').textContent;
      const nextBday = document.getElementById('dgg-stat-next-bday').textContent;

let text = '=== DIGITAL GROWTH GUIDE AGE CALCULATOR RESULT ===\n\n';
      text += 'Mode: ' + (currentMode === 'age' ? 'Age Calculation' : 'Date Difference') + '\n';
      text += (currentMode === 'age' ? 'Date of Birth: ' : 'Start Date: ') + start + '\n';
      text += (currentMode === 'age' ? 'Age as of: ' : 'End Date: ') + end + '\n\n';
      text += 'RESULT:\n';
      text += yrs + ' Years, ' + mos + ' Months, ' + dys + ' Days\n\n';
      text += 'DETAILED STATISTICS:\n';
      text += 'Total Days: ' + totalDays + '\n';
      text += 'Total Weeks: ' + weeks + '\n';
      text += 'Approx. Total Months: ' + approxMonths + '\n';
      if (currentMode === 'age') {
        text += 'Next Birthday: ' + nextBday + '\n';
      }
      text += '\nGenerated at https://digitalgrowthguide.com/age-calculator/';
      return text;
    }

// Alert Utilities
    function showAlert(msg, type) {
      alertBox.textContent = msg;
      alertBox.className = 'dgg-alert ' + (type === 'error' ? 'dgg-alert-error' : 'dgg-alert-success');
      alertBox.style.display = 'block';
    }

function hideAlert() {
      alertBox.style.display = 'none';
      alertBox.textContent = '';
    }
  }
})();</script><script>(function () {
    'use strict';

if (window.__dggPercentageCalcLoaded) return;
    window.__dggPercentageCalcLoaded = true;

var examples = {
        mode1: { v1: 15, v2: 200 },
        mode2: { v1: 30, v2: 200 },
        mode3: { v1: 80, v2: 100 },
        mode4: { v1: 100, v2: 80 },
        mode5: { v1: 120, v2: 20, type: 'increase' },
        mode6: { v1: 50, v2: 75 }
    };

var lastCalcData = null;

function initCalculator() {
        var root = document.getElementById('dgg-percentage-calculator');
        if (!root) return;

var modeSelect = document.getElementById('dgg-calc-mode');
        var btnCalc = document.getElementById('dgg-btn-calc');
        var btnExample = document.getElementById('dgg-btn-example');
        var btnReset = document.getElementById('dgg-btn-reset');
        var btnCopy = document.getElementById('dgg-btn-copy');
        var btnDownload = document.getElementById('dgg-btn-download');

if (modeSelect) modeSelect.addEventListener('change', handleModeChange);
        if (btnCalc) btnCalc.addEventListener('click', calculate);
        if (btnExample) btnExample.addEventListener('click', loadExample);
        if (btnReset) btnReset.addEventListener('click', resetForm);
        if (btnCopy) btnCopy.addEventListener('click', copyResult);
        if (btnDownload) btnDownload.addEventListener('click', downloadResult);

root.addEventListener('keydown', function (e) {
            if (e.key === 'Enter' && e.target.tagName === 'INPUT') {
                e.preventDefault();
                calculate();
            }
        });
    }

function formatNum(num) {
        if (isNaN(num) || !isFinite(num)) return '0';
        var rounded = Math.round(num * 1e8) / 1e8;
        return new Intl.NumberFormat('en-US', { maximumFractionDigits: 6 }).format(rounded);
    }

function showToast(msg, isError) {
        var toast = document.getElementById('dgg-toast');
        if (!toast) return;
        toast.textContent = msg;
        toast.className = 'dgg-toast ' + (isError ? 'dgg-toast-error' : 'dgg-toast-success');
        setTimeout(function () {
            toast.className = 'dgg-toast dgg-hidden';
        }, 4000);
    }

function handleModeChange() {
        var selectedMode = document.getElementById('dgg-calc-mode').value;
        var groups = document.querySelectorAll('#dgg-percentage-calculator .dgg-mode-group');
        
        groups.forEach(function (grp) {
            grp.classList.add('dgg-hidden');
        });

var activeGrp = document.getElementById('dgg-' + selectedMode.replace('mode', 'mode-'));
        if (activeGrp) {
            activeGrp.classList.remove('dgg-hidden');
        }

var resultCard = document.getElementById('dgg-result-card');
        if (resultCard) resultCard.classList.add('dgg-hidden');
        lastCalcData = null;
    }

function loadExample() {
        var mode = document.getElementById('dgg-calc-mode').value;
        var ex = examples[mode];
        if (!ex) return;

if (mode === 'mode1') {
            document.getElementById('dgg-m1-val1').value = ex.v1;
            document.getElementById('dgg-m1-val2').value = ex.v2;
        } else if (mode === 'mode2') {
            document.getElementById('dgg-m2-val1').value = ex.v1;
            document.getElementById('dgg-m2-val2').value = ex.v2;
        } else if (mode === 'mode3') {
            document.getElementById('dgg-m3-val1').value = ex.v1;
            document.getElementById('dgg-m3-val2').value = ex.v2;
        } else if (mode === 'mode4') {
            document.getElementById('dgg-m4-val1').value = ex.v1;
            document.getElementById('dgg-m4-val2').value = ex.v2;
        } else if (mode === 'mode5') {
            document.getElementById('dgg-m5-val1').value = ex.v1;
            document.getElementById('dgg-m5-val2').value = ex.v2;
            document.getElementById('dgg-m5-type').value = ex.type;
        } else if (mode === 'mode6') {
            document.getElementById('dgg-m6-val1').value = ex.v1;
            document.getElementById('dgg-m6-val2').value = ex.v2;
        }

calculate();
    }

function resetForm() {
        var inputs = document.querySelectorAll('#dgg-percentage-calculator input');
        inputs.forEach(function (inp) { inp.value = ''; });
        
        document.getElementById('dgg-calc-mode').value = 'mode1';
        handleModeChange();
        
        var toast = document.getElementById('dgg-toast');
        if (toast) toast.className = 'dgg-toast dgg-hidden';
    }

function calculate() {
        var mode = document.getElementById('dgg-calc-mode').value;
        var resValue = document.getElementById('dgg-result-value');
        var resExpl = document.getElementById('dgg-result-explanation');
        var resForm = document.getElementById('dgg-result-formula');
        var resCard = document.getElementById('dgg-result-card');

var formattedAns = '';
        var explanation = '';
        var formula = '';
        var modeName = '';

try {
            if (mode === 'mode1') {
                modeName = "Percentage of a Number";
                var x = parseFloat(document.getElementById('dgg-m1-val1').value);
                var y = parseFloat(document.getElementById('dgg-m1-val2').value);

if (isNaN(x) || isNaN(y)) throw new Error("Please enter valid numeric values for both fields.");

var ans = (x / 100) * y;
                formattedAns = formatNum(ans);
                explanation = x + "% of " + formatNum(y) + " equals " + formattedAns + ".";
                formula = "(" + x + " / 100) * " + y + " = " + formattedAns;

} else if (mode === 'mode2') {
                modeName = "What Percentage is X of Y";
                var x = parseFloat(document.getElementById('dgg-m2-val1').value);
                var y = parseFloat(document.getElementById('dgg-m2-val2').value);

if (isNaN(x) || isNaN(y)) throw new Error("Please enter valid numeric values.");
                if (y === 0) throw new Error("Cannot calculate percentage when Total Value (Y) is zero.");

var ans = (x / y) * 100;
                formattedAns = formatNum(ans) + "%";
                explanation = formatNum(x) + " is " + formattedAns + " of " + formatNum(y) + ".";
                formula = "(" + x + " / " + y + ") * 100 = " + formattedAns;

} else if (mode === 'mode3') {
                modeName = "Percentage Increase";
                var orig = parseFloat(document.getElementById('dgg-m3-val1').value);
                var newVal = parseFloat(document.getElementById('dgg-m3-val2').value);

if (isNaN(orig) || isNaN(newVal)) throw new Error("Please enter valid numeric values.");
                if (orig === 0) throw new Error("Original value cannot be zero when calculating percentage change.");

var diff = newVal - orig;
                var ans = (diff / Math.abs(orig)) * 100;
                formattedAns = formatNum(ans) + "%";
                explanation = "Increasing from " + formatNum(orig) + " to " + formatNum(newVal) + " is an increase of " + formattedAns + ".";
                formula = "((" + newVal + " - " + orig + ") / |" + orig + "|) * 100 = " + formattedAns;

} else if (mode === 'mode4') {
                modeName = "Percentage Decrease";
                var orig = parseFloat(document.getElementById('dgg-m4-val1').value);
                var newVal = parseFloat(document.getElementById('dgg-m4-val2').value);

var diff = orig - newVal;
                var ans = (diff / Math.abs(orig)) * 100;
                formattedAns = formatNum(ans) + "%";
                explanation = "Decreasing from " + formatNum(orig) + " to " + formatNum(newVal) + " is a decrease of " + formattedAns + ".";
                formula = "((" + orig + " - " + newVal + ") / |" + orig + "|) * 100 = " + formattedAns;

} else if (mode === 'mode5') {
                modeName = "Find Original Value";
                var finalVal = parseFloat(document.getElementById('dgg-m5-val1').value);
                var pChange = parseFloat(document.getElementById('dgg-m5-val2').value);
                var type = document.getElementById('dgg-m5-type').value;

if (isNaN(finalVal) || isNaN(pChange)) throw new Error("Please enter valid numeric values.");

var factor = type === 'increase' ? (1 + pChange / 100) : (1 - pChange / 100);
                if (factor === 0) throw new Error("A 100% decrease leaves an original value mathematically undefined.");

var orig = finalVal / factor;
                formattedAns = formatNum(orig);
                explanation = "The original value before a " + pChange + "% " + type + " resulting in " + formatNum(finalVal) + " was " + formattedAns + ".";
                formula = type === 'increase' 
                    ? finalVal + " / (1 + " + pChange + " / 100) = " + formattedAns
                    : finalVal + " / (1 - " + pChange + " / 100) = " + formattedAns;

} else if (mode === 'mode6') {
                modeName = "Percentage Change";
                var v1 = parseFloat(document.getElementById('dgg-m6-val1').value);
                var v2 = parseFloat(document.getElementById('dgg-m6-val2').value);

if (isNaN(v1) || isNaN(v2)) throw new Error("Please enter valid numeric values.");
                if (v1 === 0) throw new Error("Initial value cannot be zero for percentage change calculation.");

var diff = v2 - v1;
                var ans = (diff / Math.abs(v1)) * 100;
                var direction = ans >= 0 ? "increase" : "decrease";
                var badgeClass = ans >= 0 ? "dgg-badge-inc" : "dgg-badge-dec";
                
                formattedAns = formatNum(Math.abs(ans)) + "%";
                
                resValue.innerHTML = formattedAns + ' <span class="dgg-badge ' + badgeClass + '">' + direction.toUpperCase() + '</span>';
                explanation = "The change from " + formatNum(v1) + " to " + formatNum(v2) + " represents a " + Math.abs(ans).toFixed(2) + "% " + direction + ".";
                formula = "((" + v2 + " - " + v1 + ") / |" + v1 + "|) * 100 = " + formatNum(ans) + "%";

resExpl.textContent = explanation;
                resForm.textContent = "Formula: " + formula;
                resCard.classList.remove('dgg-hidden');

lastCalcData = {
                    mode: modeName,
                    result: formattedAns + " (" + direction + ")",
                    explanation: explanation,
                    formula: formula
                };
                return;
            }

resValue.textContent = formattedAns;
            resExpl.textContent = explanation;
            resForm.textContent = "Formula: " + formula;
            resCard.classList.remove('dgg-hidden');

lastCalcData = {
                mode: modeName,
                result: formattedAns,
                explanation: explanation,
                formula: formula
            };

} catch (err) {
            showToast(err.message, true);
            resCard.classList.add('dgg-hidden');
        }
    }

function copyResult() {
        if (!lastCalcData) return;
        var textToCopy = "Percentage Calculation (" + lastCalcData.mode + ")\n" +
                         "Result: " + lastCalcData.result + "\n" +
                         "Explanation: " + lastCalcData.explanation + "\n" +
                         "Formula: " + lastCalcData.formula + "\n" +
                         "Source: Digital Growth Guide Calculator";

if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(textToCopy).then(function() {
                showToast("Result copied to clipboard!", false);
            }).catch(function() {
                fallbackCopy(textToCopy);
            });
        } else {
            fallbackCopy(textToCopy);
        }
    }

function downloadResult() {
        if (!lastCalcData) return;
        var content = "=========================================\n" +
                      " DIGITAL GROWTH GUIDE - PERCENTAGE REPORT \n" +
                      "=========================================\n\n" +
                      "Calculation Mode : " + lastCalcData.mode + "\n" +
                      "Result           : " + lastCalcData.result + "\n\n" +
                      "Explanation:\n" + lastCalcData.explanation + "\n\n" +
                      "Formula Used:\n" + lastCalcData.formula + "\n\n" +
                      "Timestamp: " + new Date().toLocaleString() + "\n" +
                      "Website: https://digitalgrowthguide.com/percentage-calculator/\n";

var blob = new Blob([content], { type: "text/plain;charset=utf-8" });
        var url = URL.createObjectURL(blob);
        var link = document.createElement("a");
        link.href = url;
        link.download = "percentage-calculation-result.txt";
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
        URL.revokeObjectURL(url);
        showToast("Calculation report downloaded!", false);
    }

if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initCalculator);
    } else {
        initCalculator();
    }
})();</script><script>/* =========================================================================
   WPCode JavaScript Snippet
   Paste into WPCode -> Code Snippets -> Add Snippet -> JavaScript Snippet
   Insertion: Footer / Page-Specific Load
   Do NOT wrap in <script> tags.
   ========================================================================= */

(function () {
  'use strict';

// Initialization Guard to prevent double execution
  if (window.__DGG_UTM_BUILDER_INITIALIZED__) {
    return;
  }
  window.__DGG_UTM_BUILDER_INITIALIZED__ = true;

function initUtmBuilder() {
    const root = document.getElementById('dgg-utm-builder');
    if (!root) return; // Exit if the HTML block isn't present on this page

// Input Elements
    const destUrlInput = document.getElementById('dgg-dest-url');
    const sourceInput = document.getElementById('dgg-utm-source');
    const mediumInput = document.getElementById('dgg-utm-medium');
    const campaignInput = document.getElementById('dgg-utm-campaign');
    const idInput = document.getElementById('dgg-utm-id');
    const contentInput = document.getElementById('dgg-utm-content');
    const termInput = document.getElementById('dgg-utm-term');
    const platformInput = document.getElementById('dgg-utm-source-platform');
    const lowercaseOpt = document.getElementById('dgg-lowercase-opt');

// Display & Message Elements
    const outputBox = document.getElementById('dgg-output-url');
    const statusMsg = document.getElementById('dgg-status-msg');

// Utility: Show Status Notification
    function showStatus(message, isError) {
      if (!statusMsg) return;
      statusMsg.textContent = message;
      statusMsg.className = 'dgg-status-message ' + (isError ? 'dgg-status-error' : 'dgg-status-success');
    }

// Utility: Clear Status Notification
    function clearStatus() {
      if (!statusMsg) return;
      statusMsg.textContent = '';
      statusMsg.className = 'dgg-status-message';
    }

// Core URL Generation Logic
    function buildUtmUrl() {
      clearStatus();

const rawDestUrl = (destUrlInput ? destUrlInput.value : '').trim();
      const source = (sourceInput ? sourceInput.value : '').trim();
      const medium = (mediumInput ? mediumInput.value : '').trim();
      const campaign = (campaignInput ? campaignInput.value : '').trim();

// Validation 1: Required Fields
      if (!rawDestUrl) {
        showStatus('Please enter a valid Destination Web URL.', true);
        return null;
      }
      if (!source || !medium || !campaign) {
        showStatus('Campaign Source, Medium, and Campaign Name are required fields.', true);
        return null;
      }

// Validation 2: URL Format via Native URL API
      let parsedUrl;
      try {
        parsedUrl = new URL(rawDestUrl);
        if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
          showStatus('URL must begin with http:// or https://', true);
          return null;
        }
      } catch (err) {
        showStatus('Invalid Destination URL structure. Example: https://digitalgrowthguide.com', true);
        return null;
      }

// Optional Fields
      const utmParams = {
        utm_source: source,
        utm_medium: medium,
        utm_campaign: campaign,
        utm_id: (idInput ? idInput.value : '').trim(),
        utm_content: (contentInput ? contentInput.value : '').trim(),
        utm_term: (termInput ? termInput.value : '').trim(),
        utm_source_platform: (platformInput ? platformInput.value : '').trim()
      };

const shouldLowercase = lowercaseOpt ? lowercaseOpt.checked : false;

// Update Search Parameters cleanly using URLSearchParams API
      const searchParams = parsedUrl.searchParams;

Object.keys(utmParams).forEach(function (key) {
        let val = utmParams[key];
        if (val) {
          if (shouldLowercase) {
            val = val.toLowerCase();
          }
          // Set overwrites any existing duplicate parameter cleanly
          searchParams.set(key, val);
        } else {
          // If empty, ensure optional key is omitted
          searchParams.delete(key);
        }
      });

// Construct final URL while preserving path, query, and #hash
      parsedUrl.search = searchParams.toString();
      const finalUrl = parsedUrl.toString();

if (outputBox) {
        outputBox.textContent = finalUrl;
      }

return finalUrl;
    }

// Copy to Clipboard Handler
    function handleCopy() {
      const currentText = outputBox ? outputBox.textContent.trim() : '';
      if (!currentText || currentText.startsWith('Fill in required fields')) {
        const generated = buildUtmUrl();
        if (!generated) return;
      }

const textToCopy = outputBox ? outputBox.textContent.trim() : '';

if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(textToCopy).then(function () {
          showStatus('URL copied to clipboard successfully!', false);
        }).catch(function () {
          fallbackCopyText(textToCopy);
        });
      } else {
        fallbackCopyText(textToCopy);
      }
    }

// Fallback Copy for Older Browsers / Restricted Permissions
    function fallbackCopyText(text) {
      try {
        const textarea = document.createElement('textarea');
        textarea.value = text;
        textarea.style.position = 'fixed';
        textarea.style.opacity = '0';
        document.body.appendChild(textarea);
        textarea.select();
        const successful = document.execCommand('copy');
        document.body.removeChild(textarea);

if (successful) {
          showStatus('URL copied to clipboard!', false);
        } else {
          showStatus('Unable to auto-copy. Please manually select and copy the generated link.', true);
        }
      } catch (err) {
        showStatus('Unable to auto-copy. Please manually select and copy the generated link.', true);
      }
    }

// File Download Handler using Blob & Object URL
    function handleDownload() {
      const urlToDownload = outputBox ? outputBox.textContent.trim() : '';
      if (!urlToDownload || urlToDownload.startsWith('Fill in required fields')) {
        const generated = buildUtmUrl();
        if (!generated) return;
      }

// Use Sample Campaign Action
    function handleExample() {
      if (destUrlInput) destUrlInput.value = 'https://digitalgrowthguide.com/blog/seo-guide';
      if (sourceInput) sourceInput.value = 'google';
      if (mediumInput) mediumInput.value = 'cpc';
      if (campaignInput) campaignInput.value = 'spring_sale';
      if (idInput) idInput.value = 'promo_99';
      if (contentInput) contentInput.value = 'header_banner';
      if (termInput) termInput.value = 'digital_marketing';
      if (platformInput) platformInput.value = 'search_ads_360';
      if (lowercaseOpt) lowercaseOpt.checked = true;

buildUtmUrl();
      showStatus('Sample campaign loaded into form.', false);
    }

// Form Reset Action
    function handleReset() {
      const form = document.getElementById('dgg-utm-form');
      if (form) form.reset();

if (outputBox) {
        outputBox.textContent = 'Fill in required fields above and click "Generate UTM URL"';
      }
      clearStatus();
    }

// Event Listener Delegation / Direct Binding
    root.addEventListener('click', function (event) {
      const target = event.target;
      if (!target) return;

if (target.id === 'dgg-btn-generate') {
        event.preventDefault();
        const result = buildUtmUrl();
        if (result) {
          showStatus('Campaign URL generated successfully!', false);
        }
      } else if (target.id === 'dgg-btn-copy') {
        event.preventDefault();
        handleCopy();
      } else if (target.id === 'dgg-btn-download') {
        event.preventDefault();
        handleDownload();
      } else if (target.id === 'dgg-btn-example') {
        event.preventDefault();
        handleExample();
      } else if (target.id === 'dgg-btn-reset') {
        event.preventDefault();
        handleReset();
      }
    });
  }

// DOM Loading Handler (Runs regardless of load timing)
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initUtmBuilder);
  } else {
    initUtmBuilder();
  }
})();</script><script>(function () {
  'use strict';

function initXmlSitemapValidator() {
    const app = document.getElementById('dgg-xml-sitemap-validator');
    if (!app || app.dataset.xsvInitialized === 'yes') return;
    app.dataset.xsvInitialized = 'yes';

const $ = id => app.querySelector('#' + id);
    const fileInput = $('xsv-file');
    const xmlInput = $('xsv-xml');
    const status = $('xsv-status');
    const results = $('xsv-results');
    const copyButton = $('xsv-copy');
    const downloadButton = $('xsv-download');

const errorList = $('xsv-error-list');
    const warningList = $('xsv-warning-list');
    const urlList = $('xsv-url-list');

let lastReport = null;
    const MAX_BYTES = 5 * 1024 * 1024;
    const SITEMAP_NS = 'http://www.sitemaps.org/schemas/sitemap/0.9';

function setStatus(message, kind) {
      status.textContent = message;
      status.dataset.kind = kind || '';
    }

function childrenByName(node, name) {
      return Array.from(node.children || []).filter(child =>
        (child.localName || child.nodeName.split(':').pop()).toLowerCase() === name
      );
    }

function firstChildByName(node, name) {
      return childrenByName(node, name)[0] || null;
    }

function childText(node, name) {
      const child = firstChildByName(node, name);
      return child ? child.textContent.trim() : '';
    }

function addFinding(list, message, className) {
      list.push({ message: String(message), className: className || '' });
    }

function parseXml(xmlText) {
      const parser = new DOMParser();
      const doc = parser.parseFromString(xmlText, 'application/xml');
      const parseErrors = Array.from(doc.getElementsByTagName('parsererror'));

if (parseErrors.length) {
        const details = (parseErrors[0].textContent || '')
          .trim()
          .replace(/\s+/g, ' ')
          .slice(0, 350);

throw new Error('XML syntax error. ' + (details || 'Check tags, quotes and closing elements.'));
      }

return doc;
    }

function validate() {
      const xmlText = xmlInput.value.trim();

if (!xmlText) {
        setStatus('Paste XML or upload a sitemap file before validating.', 'error');
        xmlInput.focus();
        return;
      }

if (new Blob([xmlText]).size > MAX_BYTES) {
        setStatus('The XML exceeds the 5 MB tool limit. Use a smaller sitemap file.', 'error');
        return;
      }

const errors = [];
      const warnings = [];
      const urls = [];
      const seenLocations = new Set();

let sitemapType = 'Unknown';
      let entries = [];
      let doc;

try {
        doc = parseXml(xmlText);
      } catch (error) {
        addFinding(errors, error.message, 'xsv-error');
        renderReport({
          sitemapType: 'Invalid XML',
          entries: 0,
          errors,
          warnings,
          urls
        });
        setStatus('The XML could not be parsed. Fix the syntax errors and try again.', 'error');
        return;
      }

const root = doc.documentElement;
      const rootName = (root.localName || root.nodeName.split(':').pop()).toLowerCase();

if (rootName !== 'urlset' && rootName !== 'sitemapindex') {
        addFinding(
          errors,
          'Unexpected root element <' + rootName + '>. Expected <urlset> or <sitemapindex>.',
          'xsv-error'
        );

renderReport({
          sitemapType: 'Unknown root',
          entries: 0,
          errors,
          warnings,
          urls
        });

setStatus('This XML root element is not a standard sitemap root.', 'error');
        return;
      }

sitemapType = rootName === 'urlset' ? 'URL sitemap' : 'Sitemap index';

if (root.namespaceURI !== SITEMAP_NS) {
        addFinding(
          warnings,
          'The root element does not use the standard Sitemap namespace. Confirm the namespace required by your sitemap format.',
          'xsv-warning'
        );
      }

if (rootName === 'urlset') {
        entries = childrenByName(root, 'url');

if (!entries.length) {
          addFinding(warnings, 'No <url> entries were found in this urlset.', 'xsv-warning');
        }

if (entries.length > 50000) {
          addFinding(errors, 'This urlset contains more than 50,000 URL entries, above the standard sitemap limit.', 'xsv-error');
        }

entries.forEach((entry, index) => {
          const loc = childText(entry, 'loc');
          const entryNumber = index + 1;

if (!loc) {
            addFinding(errors, 'URL entry ' + entryNumber + ' is missing a <loc> element.', 'xsv-error');
          } else if (!isValidHttpUrl(loc)) {
            addFinding(errors, 'URL entry ' + entryNumber + ' has an invalid or non-HTTP(S) <loc>: ' + loc, 'xsv-error');
          } else {
            let normalized;

try {
              const parsed = new URL(loc);
              normalized = parsed.href;
            } catch (error) {
              normalized = loc;
            }

if (seenLocations.has(normalized)) {
              addFinding(warnings, 'Duplicate location URL found: ' + loc, 'xsv-warning');
            } else {
              seenLocations.add(normalized);
            }

if (loc.length > 2048) {
              addFinding(warnings, 'URL entry ' + entryNumber + ' has a very long <loc> value.', 'xsv-warning');
            }

urls.push(loc);
          }

const lastmod = childText(entry, 'lastmod');
          if (lastmod && Number.isNaN(Date.parse(lastmod))) {
            addFinding(warnings, 'URL entry ' + entryNumber + ' has an unrecognized <lastmod> date.', 'xsv-warning');
          }

const changefreq = childText(entry, 'changefreq');
          if (changefreq && ![
            'always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'
          ].includes(changefreq.toLowerCase())) {
            addFinding(warnings, 'URL entry ' + entryNumber + ' uses an unrecognized <changefreq> value.', 'xsv-warning');
          }

if (!entries.length) {
          addFinding(warnings, 'No <sitemap> entries were found in this sitemap index.', 'xsv-warning');
        }

if (entries.length > 50000) {
          addFinding(errors, 'This sitemap index contains more than 50,000 sitemap entries.', 'xsv-error');
        }

entries.forEach((entry, index) => {
          const loc = childText(entry, 'loc');
          const entryNumber = index + 1;

if (!loc) {
            addFinding(errors, 'Sitemap entry ' + entryNumber + ' is missing a <loc> element.', 'xsv-error');
          } else if (!isValidHttpUrl(loc)) {
            addFinding(errors, 'Sitemap entry ' + entryNumber + ' has an invalid or non-HTTP(S) <loc>: ' + loc, 'xsv-error');
          } else {
            let normalized;
            try {
              normalized = new URL(loc).href;
            } catch (error) {
              normalized = loc;
            }

if (seenLocations.has(normalized)) {
              addFinding(warnings, 'Duplicate sitemap location found: ' + loc, 'xsv-warning');
            } else {
              seenLocations.add(normalized);
            }

urls.push(loc);
          }

const lastmod = childText(entry, 'lastmod');
          if (lastmod && Number.isNaN(Date.parse(lastmod))) {
            addFinding(warnings, 'Sitemap entry ' + entryNumber + ' has an unrecognized <lastmod> date.', 'xsv-warning');
          }
        });
      }

const report = {
        sitemapType,
        entries: entries.length,
        errors,
        warnings,
        urls
      };

renderReport(report);

if (errors.length) {
        setStatus('Validation finished with ' + errors.length + ' error(s). Review the report below.', 'error');
      } else if (warnings.length) {
        setStatus('XML parsed successfully, but ' + warnings.length + ' warning(s) need review.', 'warn');
      } else {
        setStatus('No common structure errors were found by these checks.', 'good');
      }
    }

function fillList(element, items, emptyMessage) {
      element.replaceChildren();

if (!items.length) {
        const li = document.createElement('li');
        li.className = 'xsv-success';
        li.textContent = emptyMessage;
        element.appendChild(li);
        return;
      }

items.forEach(item => {
        const li = document.createElement('li');
        li.className = item.className || '';
        li.textContent = item.message;
        element.appendChild(li);
      });
    }

function renderReport(report) {
      lastReport = report;
      results.hidden = false;

$('xsv-type').textContent = report.sitemapType;
      $('xsv-entries').textContent = report.entries.toLocaleString();
      $('xsv-errors').textContent = report.errors.length.toLocaleString();
      $('xsv-warnings').textContent = report.warnings.length.toLocaleString();

fillList(errorList, report.errors, 'No XML syntax or structure errors detected by this tool.');
      fillList(warningList, report.warnings, 'No common format warnings detected.');

urlList.replaceChildren();

if (!report.urls.length) {
        const li = document.createElement('li');
        li.textContent = 'No valid location URLs available to preview.';
        urlList.appendChild(li);
      } else {
        report.urls.slice(0, 10).forEach(url => {
          const li = document.createElement('li');
          const link = document.createElement('a');

link.href = url;
          link.target = '_blank';
          link.rel = 'noopener noreferrer';
          link.textContent = url;

li.appendChild(link);
          urlList.appendChild(li);
        });

if (report.urls.length > 10) {
          const li = document.createElement('li');
          li.textContent = 'Plus ' + (report.urls.length - 10) + ' more URL(s).';
          urlList.appendChild(li);
        }
      }

copyButton.disabled = false;
      downloadButton.disabled = false;
    }

function reportText() {
      if (!lastReport) return '';

const lines = [
        'XML Sitemap Validator Report',
        'Sitemap type: ' + lastReport.sitemapType,
        'Entries: ' + lastReport.entries,
        'Errors: ' + lastReport.errors.length,
        'Warnings: ' + lastReport.warnings.length,
        '',
        'ERRORS',
        ...(lastReport.errors.length
          ? lastReport.errors.map(item => '- ' + item.message)
          : ['- None detected']),
        '',
        'WARNINGS',
        ...(lastReport.warnings.length
          ? lastReport.warnings.map(item => '- ' + item.message)
          : ['- None detected']),
        '',
        'VALID LOCATION URLS (up to 10 shown)',
        ...lastReport.urls.slice(0, 10)
      ];

return lines.join('\n');
    }

async function copyReport() {
      const text = reportText();
      if (!text) return;

try {
        if (navigator.clipboard && window.isSecureContext) {
          await navigator.clipboard.writeText(text);
        } else {
          const temp = document.createElement('textarea');
          temp.value = text;
          temp.style.position = 'fixed';
          temp.style.opacity = '0';
          app.appendChild(temp);
          temp.select();

const ok = document.execCommand('copy');
          temp.remove();
          if (!ok) throw new Error('Copy unavailable');
        }

setStatus('Validation report copied.', 'good');
      } catch (error) {
        setStatus('Automatic copy was blocked. Please copy the report manually.', 'warn');
      }
    }

function downloadReport() {
      const text = reportText();
      if (!text) return;

const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
      const objectUrl = URL.createObjectURL(blob);
      const anchor = document.createElement('a');

anchor.href = objectUrl;
      anchor.download = 'xml-sitemap-validation-report.txt';

document.body.appendChild(anchor);
      anchor.click();
      anchor.remove();

setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);
      setStatus('Validation report downloaded as a text file.', 'good');
    }

function clearTool() {
      fileInput.value = '';
      xmlInput.value = '';
      results.hidden = true;
      lastReport = null;
      copyButton.disabled = true;
      downloadButton.disabled = true;

setStatus('Fields cleared. Paste XML or upload a sitemap file to begin.', '');
      xmlInput.focus();
    }

fileInput.addEventListener('change', function () {
      const file = fileInput.files && fileInput.files[0];
      if (!file) return;

if (file.size > MAX_BYTES) {
        fileInput.value = '';
        setStatus('The selected file is larger than 5 MB. Choose a smaller XML file.', 'error');
        return;
      }

const reader = new FileReader();

reader.onload = function () {
        xmlInput.value = String(reader.result || '');
        setStatus('File loaded. Select Validate sitemap to inspect the XML.', 'good');
      };

reader.onerror = function () {
        setStatus('The file could not be read. Try another XML file.', 'error');
      };

reader.readAsText(file);
    });

$('xsv-validate').addEventListener('click', validate);
    copyButton.addEventListener('click', copyReport);
    downloadButton.addEventListener('click', downloadReport);
    $('xsv-clear').addEventListener('click', clearTool);
  }

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initXmlSitemapValidator, { once: true });
  } else {
    initXmlSitemapValidator();
  }
})();</script><script>(function () {
  'use strict';

function initRobotsGenerator() {
    const app = document.getElementById('dgg-robots-tool');

if (!app || app.dataset.robotsInitialized === 'yes') return;
    app.dataset.robotsInitialized = 'yes';

const $ = id => app.querySelector('#' + id);

const agentSelect = $('rt-agent');
    const customWrap = $('rt-custom-agent-wrap');
    const customAgent = $('rt-custom-agent');
    const disallowInput = $('rt-disallow');
    const allowInput = $('rt-allow');
    const sitemapInput = $('rt-sitemap');
    const commentToggle = $('rt-comment');
    const output = $('rt-output');
    const status = $('rt-status');
    const copyButton = $('rt-copy');
    const downloadButton = $('rt-download');

// Let visitors review and edit the output before copying or downloading.
    output.readOnly = false;

function setStatus(message, kind) {
      status.textContent = message;
      status.dataset.kind = kind || '';
    }

function normalizePaths(value) {
      const lines = value.split(/\r?\n/);
      const seen = new Set();
      const result = [];

lines.forEach(line => {
        let path = line.trim();
        if (!path || path.startsWith('#')) return;

// A path cannot contain a second directive on another line.
        path = path.replace(/[\r\n\0]/g, '');
        if (!path) return;

// Robots paths normally begin with "/" or a wildcard pattern.
        if (!path.startsWith('/') && !path.startsWith('*')) {
          path = '/' + path;
        }

if (!seen.has(path)) {
          seen.add(path);
          result.push(path);
        }
      });

return result;
    }

function getAgent() {
      if (agentSelect.value !== 'custom') return agentSelect.value;

const value = customAgent.value.trim();

if (!value) {
        throw new Error('Enter a custom user-agent name.');
      }

if (!/^[A-Za-z0-9_-]+$/.test(value)) {
        throw new Error(
          'Use only letters, numbers, hyphens or underscores in the custom user-agent.'
        );
      }

return value;
    }

function validateSitemap(value) {
      const raw = value.trim();
      if (!raw) return '';

let parsed;
      try {
        parsed = new URL(raw);
      } catch (error) {
        throw new Error('Enter a valid full sitemap URL beginning with https:// or http://.');
      }

if (!['http:', 'https:'].includes(parsed.protocol)) {
        throw new Error('The sitemap URL must begin with https:// or http://.');
      }

return parsed.href;
    }

function generate() {
      try {
        const agent = getAgent();
        const disallow = normalizePaths(disallowInput.value);
        const allow = normalizePaths(allowInput.value);
        const sitemap = validateSitemap(sitemapInput.value);

const lines = [];

if (commentToggle.checked) {
          lines.push(
            '# Generated with DigitalGrowthGuide.com Robots.txt Generator',
            '# Review these rules before publishing the file.',
            ''
          );
        }

lines.push('User-agent: ' + agent);

disallow.forEach(path => lines.push('Disallow: ' + path));
        allow.forEach(path => lines.push('Allow: ' + path));

if (!disallow.length && !allow.length) {
          lines.push('# No path restrictions were added.');
        }

if (sitemap) {
          lines.push('', 'Sitemap: ' + sitemap);
        }

output.value = lines.join('\n').trim() + '\n';

copyButton.disabled = false;
        downloadButton.disabled = false;

setStatus(
          'Robots.txt generated. Review each rule before using it on your website.',
          'good'
        );
      } catch (error) {
        setStatus(error.message || 'Could not generate the file. Check your entries.', 'warn');
      }
    }

async function copyOutput() {
      const text = output.value;

if (!text.trim()) {
        setStatus('Generate or enter robots.txt text before copying.', 'warn');
        return;
      }

try {
        if (navigator.clipboard && window.isSecureContext) {
          await navigator.clipboard.writeText(text);
        } else {
          output.focus();
          output.select();
          const success = document.execCommand('copy');
          if (!success) throw new Error('Copy unavailable');
        }

setStatus('Robots.txt text copied to clipboard.', 'good');
      } catch (error) {
        output.focus();
        output.select();
        setStatus('Automatic copying was blocked. The output is selected; copy it manually.', 'warn');
      }
    }

function downloadOutput() {
      const text = output.value;

if (!text.trim()) {
        setStatus('Generate or enter robots.txt text before downloading.', 'warn');
        return;
      }

const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
      const url = URL.createObjectURL(blob);
      const link = document.createElement('a');

link.href = url;
      link.download = 'robots.txt';

document.body.appendChild(link);
      link.click();
      link.remove();

setTimeout(() => URL.revokeObjectURL(url), 1000);
      setStatus('robots.txt downloaded. Review it before uploading to your website.', 'good');
    }

function reset() {
      agentSelect.value = '*';
      customAgent.value = '';
      disallowInput.value = '/wp-admin/';
      allowInput.value = '/wp-admin/admin-ajax.php';
      sitemapInput.value = '';
      commentToggle.checked = true;
      output.value = '';
      customWrap.hidden = true;
      copyButton.disabled = true;
      downloadButton.disabled = true;

setStatus('Fields reset. Configure your rules and generate a new file.', '');
    }

agentSelect.addEventListener('change', function () {
      customWrap.hidden = agentSelect.value !== 'custom';
      if (!customWrap.hidden) customAgent.focus();
    });

$('rt-generate').addEventListener('click', generate);
    copyButton.addEventListener('click', copyOutput);
    downloadButton.addEventListener('click', downloadOutput);
    $('rt-reset').addEventListener('click', reset);

// Initialize the textarea's editable state and initial WordPress-friendly examples.
    output.value = '';
  }

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initRobotsGenerator, { once: true });
  } else {
    initRobotsGenerator();
  }
})();</script><script>(function () {
  'use strict';

function initDggSerpPreview() {
    const app = document.getElementById('dgg-serp');
    if (!app || app.dataset.serpInitialized === 'yes') return;
    app.dataset.serpInitialized = 'yes';

const $ = id => app.querySelector('#' + id);

const titleInput = $('serp-title-input');
    const descriptionInput = $('serp-description-input');
    const urlInput = $('serp-url-input');
    const titleCount = $('serp-title-count');
    const descriptionCount = $('serp-description-count');
    const previewTitle = $('serp-preview-title');
    const previewDescription = $('serp-preview-description');
    const previewUrl = $('serp-preview-url');
    const siteName = $('serp-site-name');
    const previewCard = $('serp-preview-card');
    const status = $('serp-status');
    const viewLabel = $('serp-view-label');

let currentView = 'desktop';

function chars(value) {
      return Array.from(value).length;
    }

function safeUrl(value) {
      const raw = value.trim();
      if (!raw) return null;

try {
        const parsed = new URL(raw);
        if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:') return null;
        return parsed;
      } catch (error) {
        return null;
      }
    }

function updatePreview() {
      const title = titleInput.value.trim();
      const description = descriptionInput.value.trim();
      const rawUrl = urlInput.value.trim();

titleCount.textContent = chars(titleInput.value) + ' characters';
      descriptionCount.textContent = chars(descriptionInput.value) + ' characters';

previewTitle.textContent = title || 'Your SEO title will appear here';
      previewDescription.textContent =
        description ||
        'Your meta description preview will appear here. Write a helpful summary that matches your page.';

const parsed = safeUrl(rawUrl);

if (parsed) {
        siteName.textContent = parsed.hostname.replace(/^www\./, '');
        previewUrl.textContent = parsed.href;
      } else {
        siteName.textContent = rawUrl ? 'Check the URL format' : 'Your Website';
        previewUrl.textContent = rawUrl || 'https://example.com/your-page/';
      }

if (currentView === 'mobile') {
        previewCard.classList.add('serp-mobile');
        viewLabel.textContent = 'Mobile';
      } else {
        previewCard.classList.remove('serp-mobile');
        viewLabel.textContent = 'Desktop';
      }
    }

function generatePreview() {
      updatePreview();

const title = titleInput.value.trim();
      const description = descriptionInput.value.trim();
      const rawUrl = urlInput.value.trim();

if (!title && !description && !rawUrl) {
        status.textContent = 'Enter at least a title, description or URL first.';
        return;
      }

if (rawUrl && !safeUrl(rawUrl)) {
        status.textContent = 'The URL does not look valid. Use a full URL beginning with https:// or http://.';
        urlInput.focus();
        return;
      }

status.textContent = 'Preview updated. Actual Google search results may differ.';
    }

async function copySnippet() {
      const title = titleInput.value.trim();
      const description = descriptionInput.value.trim();
      const url = urlInput.value.trim();

const text = [
        'SEO Title: ' + title,
        'Meta Description: ' + description,
        'URL: ' + url
      ].join('\n');

if (!title && !description && !url) {
        status.textContent = 'Add some snippet information before copying.';
        return;
      }

const ok = document.execCommand('copy');
          temp.remove();

if (!ok) throw new Error('Clipboard unavailable');
        }
        status.textContent = 'Snippet text copied to clipboard.';
      } catch (error) {
        status.textContent = 'Copy was blocked by your browser. Please select and copy the text manually.';
      }
    }

function resetPreview() {
      titleInput.value = '';
      descriptionInput.value = '';
      urlInput.value = '';
      currentView = 'desktop';

app.querySelectorAll('.serp-tab').forEach(button => {
        button.setAttribute('aria-pressed', String(button.dataset.view === currentView));
      });

updatePreview();
      status.textContent = 'Fields cleared. Enter new snippet details to preview.';
      titleInput.focus();
    }

[titleInput, descriptionInput, urlInput].forEach(input => {
      input.addEventListener('input', updatePreview);
    });

app.querySelectorAll('.serp-tab').forEach(button => {
      button.addEventListener('click', function () {
        currentView = button.dataset.view;
        app.querySelectorAll('.serp-tab').forEach(tab => {
          tab.setAttribute('aria-pressed', String(tab === button));
        });
        updatePreview();
      });
    });

$('serp-generate').addEventListener('click', generatePreview);
    $('serp-copy').addEventListener('click', copySnippet);
    $('serp-reset').addEventListener('click', resetPreview);

updatePreview();
  }

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDggSerpPreview, { once: true });
  } else {
    initDggSerpPreview();
  }
})();</script><script>
<div id="dgg-serp">
<style>
#dgg-serp {
  --bg:#0b1222;
  --panel:#111b30;
  --line:#2c3a58;
  --text:#f4f7ff;
  --muted:#aebbd3;
  --purple:#8b7bff;
  max-width:1100px;
  margin:0 auto;
  color:var(--text);
  font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
#dgg-serp *{box-sizing:border-box}
#dgg-serp .serp-shell{
  padding:clamp(17px,4vw,32px);
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0%,#4d3c9919,transparent 35%),
    linear-gradient(145deg,#10192b,#0b1220);
  box-shadow:0 16px 45px #0002;
}
#dgg-serp .serp-badge{
  display:inline-block;padding:5px 10px;border:1px solid #8b7bff55;
  border-radius:999px;background:#8b7bff15;color:#c9c1ff;
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
#dgg-serp h2{margin:13px 0 8px;color:#fff;font-size:clamp(27px,4vw,38px);line-height:1.15;letter-spacing:-.035em}
#dgg-serp .serp-intro{margin:0 0 23px;color:var(--muted);max-width:780px}
#dgg-serp label{display:block;margin:0 0 7px;color:#edf1ff;font-size:13px;font-weight:750}
#dgg-serp input,#dgg-serp textarea{
  display:block;width:100%;border:1px solid #354362;border-radius:11px;
  padding:12px 14px;background:#0b1427;color:#f4f7ff;font:inherit;outline:none;
}
#dgg-serp input:focus,#dgg-serp textarea:focus{border-color:#9485ff;box-shadow:0 0 0 3px #8b7bff24}
#dgg-serp textarea{min-height:115px;resize:vertical;line-height:1.55}
#dgg-serp input::placeholder,#dgg-serp textarea::placeholder{color:#8190ad}
#dgg-serp .serp-field{margin-bottom:16px}
#dgg-serp .serp-field-info{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:#8798b5;font-size:11px}
#dgg-serp .serp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px}
#dgg-serp .serp-tab{
  border:1px solid #3a4867;border-radius:10px;padding:9px 13px;
  background:#15213a;color:#c5d0e5;font:inherit;font-size:12px;font-weight:750;cursor:pointer;
}
#dgg-serp .serp-tab[aria-pressed="true"]{background:#5145e5;color:#fff;border-color:#9384ff}
#dgg-serp .serp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#dgg-serp .serp-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:10px 16px;border:1px solid #46577d;border-radius:11px;
  background:#1a2945;color:#f5f7ff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;
}
#dgg-serp .serp-btn-primary{border-color:transparent;background:linear-gradient(135deg,#8270ff,#5f4be7);box-shadow:0 7px 18px #5b49e333}
#dgg-serp .serp-btn:hover{filter:brightness(1.1)}
#dgg-serp .serp-btn:disabled{opacity:.45;cursor:not-allowed}
#dgg-serp .serp-status{margin:13px 0 0;color:#aebbd3;font-size:12px}
#dgg-serp .serp-preview-wrap{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#101827}
#dgg-serp .serp-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:#dce5f8;font-weight:800;font-size:14px}
#dgg-serp .serp-preview{
  max-width:100%;margin:0 auto;padding:20px;border:1px solid #e2e8f0;
  border-radius:12px;background:#fff;color:#202124;font-family:Arial,sans-serif;
}
#dgg-serp .serp-preview.serp-mobile{max-width:390px;padding:15px}
#dgg-serp .serp-site{display:flex;align-items:center;gap:10px;color:#202124;font-size:13px;overflow-wrap:anywhere}
#dgg-serp .serp-site-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e8edfa;color:#4a54a4;font-weight:bold}
#dgg-serp .serp-url{margin-top:2px;color:#5f6368;font-size:12px;overflow-wrap:anywhere}
#dgg-serp .serp-title{
  margin:9px 0 5px;color:#1a0dab!important;font-size:20px!important;
  line-height:1.35!important;font-weight:400!important;overflow-wrap:anywhere;
}
#dgg-serp .serp-description{color:#4d5156;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
#dgg-serp .serp-note{margin:15px 0 0;padding:12px 14px;border:1px solid #344260;border-radius:11px;background:#101a2d;color:#aebbd3;font-size:12px}
#dgg-serp .serp-note strong{color:#e2e8ff}
@media(max-width:600px){
  #dgg-serp .serp-shell{padding:15px;border-radius:18px}
  #dgg-serp .serp-preview-wrap{padding:11px}
  #dgg-serp .serp-preview{padding:14px}
  #dgg-serp .serp-actions .serp-btn{flex:1}
}
@media(prefers-reduced-motion:reduce){#dgg-serp *{transition:none!important}}
</style>

<div class="serp-shell">
  <span class="serp-badge">Free SEO tool</span>
  <h2>SERP Snippet Preview</h2>
  <p class="serp-intro">
    Preview your page title, meta description and URL in a simulated
    search result. Refine your wording to make your page clear and relevant
    before publishing.
  </p>

<div class="serp-field">
    <label for="serp-title-input">SEO title</label>
    <input id="serp-title-input" type="text" maxlength="300"
      placeholder="Enter your page title">
    <div class="serp-field-info">
      <span>Write a clear, descriptive title</span>
      <span id="serp-title-count">0 characters</span>
    </div>
  </div>

<div class="serp-field">
    <label for="serp-description-input">Meta description</label>
    <textarea id="serp-description-input" maxlength="1000"
      placeholder="Summarize your page for searchers">

Keep it relevant to the actual page 0 characters

Page URL

Enter a full URL to preview its address.

Enter a title, description and URL to update the preview.

Search result preview Desktop

Your Website

https://example.com/your-page/

Your SEO title will appear here

Your meta description preview will appear here. Write a helpful summary that matches your page.

Important: This is a simulated preview, not an exact Google result. Google may generate a different title or snippet depending on the query, device, and page content. Character counts and visual layout are guides, not ranking guarantees.