@jjlmoya/utils-developer 1.2.0

package/src/tool/urlCleaner/component.astro

@@ -0,0 +1,458 @@
+---
+import type { UrlCleanerUI } from './ui';
+
+interface Props {
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as UrlCleanerUI;
+---
+
+<div id="uc-root" class="uc-root" data-i18n={JSON.stringify(t)}>
+  <div class="uc-container">
+    <div class="uc-input-card">
+      <label for="uc-url-input" class="uc-label">{t.labelInput}</label>
+      <div class="uc-input-group">
+        <input type="url" id="uc-url-input" class="uc-input" placeholder="https://example.com?utm_source=twitter&fbclid=123..." />
+        <button id="uc-btn-clean" class="uc-btn-primary">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.36 2.72L20.78 4.14L15.06 9.85C16.13 11.39 16.28 13.24 15.38 14.44L9.06 8.12C10.26 7.22 12.11 7.38 13.65 8.44L19.36 2.72M5.93 17.57C3.92 15.56 2.69 13.16 2.35 10.92L7.23 8.83L14.67 16.27L12.58 21.15C10.34 20.81 7.94 19.58 5.93 17.57Z"/></svg>
+          {t.btnClean}
+        </button>
+      </div>
+    </div>
+
+    <div id="uc-results" class="uc-results" style="display:none">
+      <div class="uc-result-card">
+        <div class="uc-card-header">
+          <h3 class="uc-card-title">{t.labelCleaned}</h3>
+          <button id="uc-btn-copy" class="uc-copy-btn">
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg>
+            {t.btnCopy}
+          </button>
+        </div>
+        <div id="uc-cleaned-url" class="uc-url-display"></div>
+      </div>
+
+      <div class="uc-result-card">
+        <h3 class="uc-card-title">{t.labelRemoved}</h3>
+        <div id="uc-removed-list" class="uc-removed-list"></div>
+      </div>
+    </div>
+
+    <div id="uc-stats" class="uc-stats-card" style="display:none">
+      <div class="uc-stat-item">
+        <span class="uc-stat-value" id="uc-count">0</span>
+        <span class="uc-stat-label">{t.countLabel}</span>
+      </div>
+      <div class="uc-stat-item">
+        <span class="uc-stat-value" id="uc-reduction">0%</span>
+        <span class="uc-stat-label">{t.reductionLabel}</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .uc-root {
+    width: 100%;
+  }
+
+  .uc-container {
+    max-width: 900px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    padding-bottom: 2rem;
+  }
+
+  .uc-input-card {
+    background: rgba(255, 255, 255, 0.75);
+    backdrop-filter: blur(14px);
+    -webkit-backdrop-filter: blur(14px);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.06);
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  :global(.theme-dark) .uc-input-card {
+    background: rgba(15, 23, 42, 0.75);
+    border-color: rgba(255, 255, 255, 0.06);
+  }
+
+  .uc-label {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: rgb(100, 116, 139);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  :global(.theme-dark) .uc-label {
+    color: rgb(148, 163, 184);
+  }
+
+  .uc-input-group {
+    display: flex;
+    gap: 0.75rem;
+  }
+
+  .uc-input {
+    flex-grow: 1;
+    background: white;
+    border: 1px solid rgb(226, 232, 240);
+    border-radius: 0.75rem;
+    padding: 0.75rem 1rem;
+    font-size: 1rem;
+    outline: none;
+    transition: all 0.2s ease;
+    color: rgb(51, 65, 85);
+  }
+
+  :global(.theme-dark) .uc-input {
+    background: rgb(15, 23, 42);
+    border-color: rgb(51, 65, 85);
+    color: rgb(203, 213, 225);
+  }
+
+  .uc-input:focus {
+    border-color: rgb(59, 130, 246);
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+  }
+
+  .uc-btn-primary {
+    background: rgb(59, 130, 246);
+    color: white;
+    border: none;
+    border-radius: 0.75rem;
+    padding: 0 1.5rem;
+    font-weight: 600;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    transition: all 0.2s ease;
+    font-size: 0.875rem;
+  }
+
+  .uc-btn-primary:hover {
+    background: rgb(37, 99, 235);
+    transform: translateY(-1px);
+  }
+
+  .uc-results {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+  }
+
+  @media (max-width: 768px) {
+    .uc-results {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .uc-result-card {
+    background: rgba(255, 255, 255, 0.75);
+    backdrop-filter: blur(14px);
+    -webkit-backdrop-filter: blur(14px);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.06);
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  :global(.theme-dark) .uc-result-card {
+    background: rgba(15, 23, 42, 0.75);
+    border-color: rgba(255, 255, 255, 0.06);
+  }
+
+  .uc-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .uc-card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: rgb(51, 65, 85);
+    margin: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  :global(.theme-dark) .uc-card-title {
+    color: rgb(203, 213, 225);
+  }
+
+  .uc-url-display {
+    word-break: break-all;
+    font-size: 0.875rem;
+    color: rgb(59, 130, 246);
+    background: white;
+    padding: 1rem;
+    border-radius: 0.5rem;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+  }
+
+  :global(.theme-dark) .uc-url-display {
+    background: rgb(30, 41, 59);
+    border-color: rgb(51, 65, 85);
+    color: rgb(129, 140, 148);
+  }
+
+  .uc-copy-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.35rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    padding: 0.4rem 0.875rem;
+    border-radius: 2rem;
+    border: 1.5px solid rgb(226, 232, 240);
+    background: white;
+    color: rgb(71, 85, 105);
+    cursor: pointer;
+    transition: all 0.2s ease;
+  }
+
+  :global(.theme-dark) .uc-copy-btn {
+    background: rgb(30, 41, 59);
+    border-color: rgb(51, 65, 85);
+    color: rgb(148, 163, 184);
+  }
+
+  .uc-copy-btn:hover {
+    border-color: rgb(59, 130, 246);
+    color: rgb(59, 130, 246);
+  }
+
+  .uc-copy-btn.uc-copied {
+    background: rgb(16, 185, 129);
+    border-color: rgb(16, 185, 129);
+    color: white;
+  }
+
+  .uc-removed-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .uc-removed-item {
+    padding: 0.75rem;
+    background: rgba(0, 0, 0, 0.02);
+    border-radius: 0.5rem;
+    border-left: 3px solid rgb(59, 130, 246);
+  }
+
+  :global(.theme-dark) .uc-removed-item {
+    background: rgba(255, 255, 255, 0.03);
+  }
+
+  .uc-item-key {
+    font-weight: 600;
+    color: rgb(51, 65, 85);
+    font-size: 0.875rem;
+  }
+
+  :global(.theme-dark) .uc-item-key {
+    color: rgb(203, 213, 225);
+  }
+
+  .uc-item-val {
+    font-size: 0.75rem;
+    color: rgb(100, 116, 139);
+    margin-left: 0.5rem;
+  }
+
+  .uc-item-desc {
+    font-size: 0.8rem;
+    color: rgb(100, 116, 139);
+    margin: 0.25rem 0;
+  }
+
+  :global(.theme-dark) .uc-item-desc {
+    color: rgb(148, 163, 184);
+  }
+
+  .uc-none-detected {
+    font-size: 0.875rem;
+    color: rgb(100, 116, 139);
+    font-style: italic;
+  }
+
+  .uc-stats-card {
+    background: rgba(255, 255, 255, 0.75);
+    backdrop-filter: blur(14px);
+    -webkit-backdrop-filter: blur(14px);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.06);
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+  }
+
+  :global(.theme-dark) .uc-stats-card {
+    background: rgba(15, 23, 42, 0.75);
+    border-color: rgba(255, 255, 255, 0.06);
+  }
+
+  .uc-stat-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+    text-align: center;
+  }
+
+  .uc-stat-value {
+    font-size: 1.5rem;
+    font-weight: 800;
+    color: rgb(59, 130, 246);
+  }
+
+  .uc-stat-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: rgb(100, 116, 139);
+    letter-spacing: 0.04em;
+  }
+
+  :global(.theme-dark) .uc-stat-label {
+    color: rgb(148, 163, 184);
+  }
+</style>
+
+<script>
+  import type { UrlCleanerUI } from './ui';
+
+  interface TrackingParam { label: string; desc: string; }
+
+  const TRACKING_PARAMS: Record<string, TrackingParam> = {
+    utm_source: { label: 'UTM Source', desc: 'Identifica la plataforma o red de origen' },
+    utm_medium: { label: 'UTM Medium', desc: 'Define el canal de marketing' },
+    utm_campaign: { label: 'UTM Campaign', desc: 'Nombre específico de la campaña' },
+    utm_term: { label: 'UTM Term', desc: 'Palabras clave usadas en anuncios' },
+    utm_content: { label: 'UTM Content', desc: 'Diferencia anuncios o enlaces' },
+    fbclid: { label: 'Facebook Click ID', desc: 'Rastreador inyectado por Facebook' },
+    gclid: { label: 'Google Click ID', desc: 'ID de Google Ads para seguimiento' },
+    dclid: { label: 'Display Click ID', desc: 'Similar al gclid, para Display Ads' },
+    msclkid: { label: 'Bing Click ID', desc: 'Identificador de Microsoft Advertising' },
+    li_fat_id: { label: 'LinkedIn Insights', desc: 'Rastreador de conversiones de LinkedIn' },
+    mc_cid: { label: 'Mailchimp Campaign ID', desc: 'Identificador de campañas Mailchimp' },
+    mc_eid: { label: 'Mailchimp Email ID', desc: 'ID único para rastrear aperturas' },
+    _hsenc: { label: 'HubSpot Tracking', desc: 'Parámetro de personalización HubSpot' },
+    _hsmi: { label: 'HubSpot Email', desc: 'Rastrea interacción con correos HubSpot' },
+    ref: { label: 'Referencia', desc: 'Indica el sitio que recomendó el enlace' },
+    affiliate: { label: 'Afiliado', desc: 'ID para atribuir ventas a socio' },
+  };
+
+  const root = document.getElementById('uc-root') as HTMLElement;
+  const t = JSON.parse(root.dataset.i18n ?? '{}') as UrlCleanerUI;
+  const urlInput = document.getElementById('uc-url-input') as HTMLInputElement;
+  const btnClean = document.getElementById('uc-btn-clean') as HTMLButtonElement;
+  const results = document.getElementById('uc-results') as HTMLElement;
+  const stats = document.getElementById('uc-stats') as HTMLElement;
+  const cleanedUrlEl = document.getElementById('uc-cleaned-url') as HTMLElement;
+  const removedListEl = document.getElementById('uc-removed-list') as HTMLElement;
+  const countEl = document.getElementById('uc-count') as HTMLElement;
+  const reductionEl = document.getElementById('uc-reduction') as HTMLElement;
+  const copyBtn = document.getElementById('uc-btn-copy') as HTMLButtonElement;
+
+  function cleanUrl(): void {
+    const rawUrl = urlInput.value.trim();
+    if (!rawUrl) return;
+
+    try {
+      const url = new URL(rawUrl);
+      const params = new URLSearchParams(url.search);
+      const removed: Array<{ key: string; value: string }> = [];
+
+      const keysToRemove: string[] = [];
+      params.forEach((value, key) => {
+        if (TRACKING_PARAMS[key] || key.startsWith('utm_') || key.includes('clid')) {
+          removed.push({ key, value });
+          keysToRemove.push(key);
+        }
+      });
+
+      keysToRemove.forEach((key) => params.delete(key));
+      url.search = params.toString();
+      const cleanedUrl = url.toString();
+
+      displayResults(cleanedUrl, removed, rawUrl.length, cleanedUrl.length);
+    } catch {
+      alert(t.errorInvalid);
+    }
+  }
+
+  function createRemovedItem(item: { key: string; value: string }): HTMLElement {
+    const info = TRACKING_PARAMS[item.key] || { label: item.key, desc: 'Tracking parameter' };
+    const div = document.createElement('div');
+    div.className = 'uc-removed-item';
+    const header = document.createElement('div');
+    const keySpan = document.createElement('span');
+    keySpan.className = 'uc-item-key';
+    keySpan.textContent = info.label;
+    const valSpan = document.createElement('span');
+    valSpan.className = 'uc-item-val';
+    valSpan.textContent = item.value;
+    header.appendChild(keySpan);
+    header.appendChild(valSpan);
+    const desc = document.createElement('p');
+    desc.className = 'uc-item-desc';
+    desc.textContent = info.desc;
+    div.appendChild(header);
+    div.appendChild(desc);
+    return div;
+  }
+
+  function displayResults(cleaned: string, removed: Array<{ key: string; value: string }>, oldLen: number, newLen: number): void {
+    results.style.display = '';
+    stats.style.display = '';
+    cleanedUrlEl.textContent = cleaned;
+    countEl.textContent = removed.length.toString();
+    const reduction = oldLen > 0 ? Math.round(((oldLen - newLen) / oldLen) * 100) : 0;
+    reductionEl.textContent = `${reduction}%`;
+    removedListEl.innerHTML = '';
+    if (removed.length === 0) {
+      const p = document.createElement('p');
+      p.className = 'uc-none-detected';
+      p.textContent = t.noneDetected;
+      removedListEl.appendChild(p);
+    } else {
+      removed.forEach((item) => removedListEl.appendChild(createRemovedItem(item)));
+    }
+  }
+
+  btnClean.addEventListener('click', cleanUrl);
+  urlInput.addEventListener('keypress', (e) => {
+    if (e.key === 'Enter') cleanUrl();
+  });
+
+  copyBtn.addEventListener('click', () => {
+    const text = cleanedUrlEl.textContent || '';
+    navigator.clipboard.writeText(text).then(() => {
+      const origText = copyBtn.textContent;
+      copyBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg> ${t.btnCopied}`;
+      copyBtn.classList.add('uc-copied');
+      setTimeout(() => {
+        copyBtn.textContent = origText;
+        copyBtn.classList.remove('uc-copied');
+      }, 2000);
+    });
+  });
+</script>

package/src/tool/urlCleaner/i18n/en.ts

@@ -0,0 +1,116 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlCleanerUI } from '../ui';
+
+const slug = 'url-tracking-cleaner';
+const title = 'URL Tracking Cleaner: Remove UTM, FBCLID and GCLID';
+const description = 'Automatically remove tracking and advertising parameters from your URLs. Share clean links and protect your digital privacy instantly.';
+
+const faqData = [
+  {
+    question: 'What types of tracking parameters does this tool remove?',
+    answer: 'Our tool automatically detects and removes the most common tracking parameters, including UTM (utm_source, utm_medium, etc.), advertising click identifiers (fbclid, gclid, msclkid) and email marketing campaign identifiers (mc_cid, _hsenc).',
+  },
+  {
+    question: 'Does this affect website functionality?',
+    answer: 'Generally no. These parameters are used almost exclusively for analytics and marketing. When you remove them, the page will load normally, but the website owner won\'t be able to track the exact source of your click.',
+  },
+  {
+    question: 'Is it safe to process my links here?',
+    answer: 'Absolutely. Like all our tools, the process is 100% client-side. Your links are never sent to our servers; everything happens privately in your own browser.',
+  },
+  {
+    question: 'Why are my Facebook links so long?',
+    answer: 'Facebook adds a parameter called "fbclid" to all links that leave their platform. This allows them to track your activity on other websites even if you have third-party advertising blocked.',
+  },
+];
+
+const howToData = [
+  { name: 'Paste your URL', text: 'Enter the complete URL that contains tracking parameters' },
+  { name: 'Click Clean', text: 'The tool will analyze the URL automatically' },
+  { name: 'Review results', text: 'You\'ll see the cleaned URL and a list of removed parameters' },
+  { name: 'Copy and share', text: 'Use the clean URL in your emails, social media or messages' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+const ui: UrlCleanerUI = {
+  labelInput: 'Paste the URL with tracking parameters',
+  btnClean: 'Clean',
+  labelCleaned: 'Clean URL',
+  labelRemoved: 'Removed Trackers',
+  countLabel: 'Parameters removed',
+  reductionLabel: 'Length reduction',
+  noneDetected: 'No common tracking parameters detected.',
+  errorInvalid: 'Please enter a valid URL.',
+  btnCopy: 'Copy',
+  btnCopied: 'Copied',
+};
+
+export const content: ToolLocaleContent<UrlCleanerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Frequently Asked Questions',
+  faq: faqData,
+  bibliographyTitle: 'Resources on Privacy and Web Tracking',
+  bibliography: [
+    { name: 'Electronic Frontier Foundation (EFF): Guide to Online Tracking', url: 'https://www.eff.org/issues/online-behavioral-tracking' },
+    { name: 'Google Analytics: UTM Parameter Documentation', url: 'https://support.google.com/analytics/answer/1033863' },
+    { name: 'Web Privacy: The Impact of Click IDs', url: 'https://www.w3.org/community/web-advertising/wiki/Click_Identifiers' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'URL Tracking Cleaner: Remove UTM, FBCLID and GCLID', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Remove invisible trackers from your links to share them cleanly, privately and professionally. Discover what those strange codes in your URLs mean.',
+    },
+    { type: 'title', text: 'What is a URL Tracking Cleaner and why do you need it?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Ever copied a link to send to a friend and realized it\'s three times longer than it should be? That extra "noise" is tracking parameters. A <strong>tracking cleaner</strong> is a tool designed to "strip" the URL of all the advertising and tracking information that big platforms inject into every click you make.',
+    },
+    { type: 'title', text: 'Most common tracking parameters', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>UTM (Google Analytics):</strong> utm_source, utm_medium, utm_campaign to track campaigns',
+        '<strong>FBCLID:</strong> Facebook click identifier to bypass cookie restrictions',
+        '<strong>GCLID / DCLID:</strong> Google Click ID to link visits with Google Ads campaigns',
+        '<strong>MSCLKID:</strong> Microsoft Advertising and Bing click identifier',
+        '<strong>HubSpot & Mailchimp:</strong> Marketing automation parameters like _hsenc, mc_cid',
+        '<strong>LinkedIn & Others:</strong> li_fat_id and other social media trackers',
+      ],
+    },
+  ],
+};

package/src/tool/urlCleaner/i18n/es.ts

@@ -0,0 +1,116 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { UrlCleanerUI } from '../ui';
+
+const slug = 'limpiador-tracking-url';
+const title = 'Limpiador de Tracking de URL: Eliminar UTM, FBCLID y GCLID';
+const description = 'Elimina automáticamente parámetros de rastreo y publicidad de tus URLs. Comparte enlaces limpios y protege tu privacidad digital al instante.';
+
+const faqData = [
+  {
+    question: '¿Qué tipos de parámetros de rastreo elimina esta herramienta?',
+    answer: 'Nuestra utilidad detecta y elimina automáticamente los parámetros de seguimiento más comunes, incluyendo UTM (utm_source, utm_medium, etc.), identificadores de clics publicitarios (fbclid, gclid, msclkid) e identificadores de campañas de email marketing (mc_cid, _hsenc).',
+  },
+  {
+    question: '¿Afecta esto a la funcionalidad del sitio web?',
+    answer: 'Generalmente no. Estos parámetros se utilizan casi exclusivamente para analítica y marketing. Al eliminarlos, la página cargará normalmente, pero el propietario del sitio no podrá rastrear la fuente exacta de tu clic.',
+  },
+  {
+    question: '¿Es seguro procesar mis enlaces aquí?',
+    answer: 'Totalmente. Al igual que todas nuestras utilidades, el proceso es 100% client-side. Los enlaces nunca se envían a nuestros servidores; todo sucede de forma privada en tu propio navegador.',
+  },
+  {
+    question: '¿Por qué mis enlaces de Facebook son tan largos?',
+    answer: 'Facebook añade un parámetro llamado "fbclid" a todos los enlaces que salen de su plataforma. Esto les permite rastrear tu actividad en otros sitios web incluso si tienes bloqueada la publicidad de terceros.',
+  },
+];
+
+const howToData = [
+  { name: 'Pega tu URL', text: 'Introduce la URL completa que contiene parámetros de rastreo' },
+  { name: 'Haz clic en Limpiar', text: 'El programa analizará la URL automáticamente' },
+  { name: 'Revisa los resultados', text: 'Verás la URL limpia y una lista de parámetros removidos' },
+  { name: 'Copia y comparte', text: 'Usa la URL limpia en tus correos, redes sociales o mensajes' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
+const ui: UrlCleanerUI = {
+  labelInput: 'Pega la URL con rastreadores',
+  btnClean: 'Limpiar',
+  labelCleaned: 'URL Limpia',
+  labelRemoved: 'Rastreadores Eliminados',
+  countLabel: 'Parámetros eliminados',
+  reductionLabel: 'Reducción de longitud',
+  noneDetected: 'No se detectaron rastreadores comunes.',
+  errorInvalid: 'Por favor, introduce una URL válida.',
+  btnCopy: 'Copiar',
+  btnCopied: 'Copiado',
+};
+
+export const content: ToolLocaleContent<UrlCleanerUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Preguntas Frecuentes',
+  faq: faqData,
+  bibliographyTitle: 'Recursos sobre Privacidad y Rastreo Web',
+  bibliography: [
+    { name: 'Electronic Frontier Foundation (EFF): Guía sobre Rastreo Online', url: 'https://www.eff.org/issues/online-behavioral-tracking' },
+    { name: 'Google Analytics: Documentación de Parámetros UTM', url: 'https://support.google.com/analytics/answer/1033863' },
+    { name: 'Privacidad en la Web: El impacto de los Click IDs', url: 'https://www.w3.org/community/web-advertising/wiki/Click_Identifiers' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Limpiador de Tracking URL: Elimina UTM, FBCLID y GCLID', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Elimina rastreadores invisibles de tus enlaces para compartirlos de forma limpia, privada y profesional. Descubre qué significan esos códigos extraños en tus URLs.',
+    },
+    { type: 'title', text: '¿Qué es un Limpiador de Tracking de URL y por qué lo necesitas?', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Alguna vez has copiado un enlace para enviárselo a un amigo y te has dado cuenta de que es tres veces más largo de lo que debería ser? Ese "ruido" extra son los parámetros de rastreo. Un <strong>limpiador de tracking</strong> es una herramienta diseñada para "desnudar" la dirección web de toda la información publicitaria y de seguimiento que las grandes plataformas inyectan en cada clic que haces.',
+    },
+    { type: 'title', text: 'Parámetros de rastreo más comunes', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>UTM (Google Analytics):</strong> utm_source, utm_medium, utm_campaign para rastrear campañas',
+        '<strong>FBCLID:</strong> Identificador de clics de Facebook para saltarse restricciones de cookies',
+        '<strong>GCLID / DCLID:</strong> Google Click ID para vincular visitas con campañas de Google Ads',
+        '<strong>MSCLKID:</strong> Identificador de clics de Microsoft Advertising y Bing',
+        '<strong>HubSpot & Mailchimp:</strong> Parámetros de marketing automation como _hsenc, mc_cid',
+        '<strong>LinkedIn & Otros:</strong> li_fat_id y otros rastreadores de redes sociales',
+      ],
+    },
+  ],
+};