API de Personalización HTML para Segmentos

{
  "url": "https://ejemplo.com",
  "segment_id": "seg_tech_enthusiasts",
  "personalization_level": "moderate"
}

{
  "url": "https://ejemplo.com",
  "segment_id": "seg_senior_citizens",
  "personalization_level": "extensive",
  "target_elements": ["navigation", "forms", "visuals"],
  "device_type": "desktop",
  "implementation_method": "static_html"
}

{
  "url": "https://ejemplo.com",
  "segment_id": "seg_b2b_decision_makers",
  "personalization_level": "extensive",
  "target_elements": ["content", "cta", "layout"],
  "implementation_method": "hybrid",
  "target_pages": [
    "https://ejemplo.com/pricing",
    "https://ejemplo.com/features",
    "https://ejemplo.com/contact"
  ],
  "device_type": "all",
  "aiProvider": "anthropic",
  "aiModel": "claude-3-5-sonnet-20240620",
  "include_preview": true,
  "include_diff": true,
  "include_performance_impact": true,
  "test_mode": false
}

{
  "url": "https://ejemplo.com",
  "segment_id": "seg_tech_enthusiasts",
  "analysis_id": "analysis_56789",
  "personalization_level": "moderate",
  "target_elements": ["navigation", "content"],
  "implementation_method": "js_injection"
}

{
  "url": "https://ejemplo.com",
  "segment_id": "seg_tech_enthusiasts",
  "personalization_id": "pers_78901",
  "personalizations": [
    {
      "id": "mod_12345",
      "selector": "nav.main-navigation",
      "operation_type": "replace",
      "description": "Reorganización de la navegación principal para destacar secciones técnicas y recursos avanzados",
      "before_html": "<nav class=\"main-navigation\">...</nav>",
      "after_html": "<nav class=\"main-navigation\">...</nav>"
    },
    {
      "id": "mod_23456",
      "selector": ".product-description",
      "operation_type": "append",
      "description": "Ampliación de descripciones de producto con especificaciones técnicas detalladas y comparativas",
      "before_html": "<div class=\"product-description\">...</div>",
      "after_html": "<div class=\"product-description\">...</div>"
    },
    {
      "id": "mod_34567",
      "selector": ".primary-cta",
      "operation_type": "replace",
      "description": "Modificación de CTAs para enfatizar aspectos técnicos y de innovación",
      "before_html": "<button class=\"primary-cta\">Comprar ahora</button>",
      "after_html": "<button class=\"primary-cta\">Explorar especificaciones</button>"
    }
  ],
  "implementation_code": {
    "type": "javascript",
    "code": "document.addEventListener('DOMContentLoaded', function() {\n  // Código de personalización para el segmento seg_tech_enthusiasts\n  // Modificación de navegación\n  const navElement = document.querySelector('nav.main-navigation');\n  if (navElement) {\n    // Código de modificación...\n  }\n  \n  // Modificación de descripciones de producto\n  const productDescriptions = document.querySelectorAll('.product-description');\n  if (productDescriptions.length > 0) {\n    // Código de modificación...\n  }\n  \n  // Modificación de CTAs\n  const ctaButtons = document.querySelectorAll('.primary-cta');\n  if (ctaButtons.length > 0) {\n    // Código de modificación...\n  }\n});"
  },
  "preview_url": "https://preview.uncodie.com/personalization/pers_78901",
  "performance_impact": {
    "overall_score": 0.92,
    "metrics": {
      "load_time_impact": "+0.2s",
      "first_contentful_paint_impact": "+0.15s",
      "largest_contentful_paint_impact": "+0.25s",
      "cumulative_layout_shift_impact": "+0.01",
      "total_blocking_time_impact": "+0.1s"
    },
    "recommendations": [
      "Considerar lazy loading para las imágenes técnicas adicionales",
      "Optimizar el script de personalización para reducir el tiempo de bloqueo"
    ]
  },
  "diff_summary": {
    "elements_modified": 12,
    "content_blocks_changed": 8,
    "styles_modified": 15,
    "scripts_added": 1,
    "total_changes": 36,
    "change_complexity": "medium"
  },
  "screenshots": {
    "before": "https://storage.uncodie.com/screenshots/original_12345.png",
    "after": "https://storage.uncodie.com/screenshots/personalized_12345.png"
  },
  "metadata": {
    "request": {
      "timestamp": "2024-07-15T16:42:18Z",
      "parameters": {
        "url": "https://ejemplo.com",
        "segment_id": "seg_tech_enthusiasts",
        "personalization_level": "moderate",
        "implementation_method": "js_injection",
        "analysis_id": "analysis_56789"
      }
    },
    "analysis": {
      "modelUsed": "claude-3-5-sonnet-20240620",
      "aiProvider": "anthropic",
      "processingTime": "2.35 seconds",
      "segmentDataSource": "seg_tech_enthusiasts (last updated: 2024-07-10)",
      "siteScanDate": "2024-07-15T15:30:22Z",
      "status": "success",
      "personalizationStrategy": "adaptive_content_and_ui"
    }
  }
}

# Variables
site_id="example_site"
segment_id="seg_tech_enthusiasts"
 
# Guardar metadatos como Hash
HSET site:${site_id}:segments:${segment_id}:metadata \
  created_at "2024-07-15T16:42:18Z" \
  updated_at "2024-07-15T16:42:18Z" \
  version "1.0"
 
# Guardar una personalización de navegación como Hash
# El id único de la modificación es mod_12345
HSET site:${site_id}:segments:${segment_id}:personalizations:mod_12345 \
  selector "nav.main-navigation" \
  description "Reorganización de la navegación principal para destacar secciones técnicas" \
  "html:before" "<nav class=\"main-navigation\">...</nav>" \
  "html:after" "<nav class=\"main-navigation\">...</nav>"
 
# Guardar una personalización de contenido como Hash
# El id único de la modificación es mod_23456
HSET site:${site_id}:segments:${segment_id}:personalizations:mod_23456 \
  selector ".product-description" \
  description "Ampliación de descripciones de producto con especificaciones técnicas" \
  "html:before" "<div class=\"product-description\">...</div>" \
  "html:after" "<div class=\"product-description\">...</div>"
 
# Ejemplo más detallado de una personalización de contenido
# El id único de la modificación es mod_34567
HSET site:${site_id}:segments:${segment_id}:personalizations:mod_34567 \
  selector ".product-features" \
  description "Ampliación y reorganización de características técnicas del producto" \
  "html:before" "<div class=\"product-features\"><h3>Características</h3><ul><li>Procesador rápido</li><li>Alta resolución</li><li>Batería duradera</li></ul></div>" \
  "html:after" "<div class=\"product-features\"><h3>Especificaciones Técnicas</h3><ul><li>Procesador: Octa-core 2.4GHz, 4nm</li><li>Pantalla: AMOLED 2400x1080px, 120Hz</li><li>Batería: 5000mAh, carga rápida 65W</li><li>RAM: 12GB LPDDR5</li><li>Almacenamiento: 256GB UFS 3.1</li><li>GPU: Adreno 740</li></ul></div>" \
  "additional_styles" "font-size: 14px; line-height: 1.5; color: #334455; padding: 12px; background-color: #f8f9fa;" \
  "target_devices" "desktop,tablet" \
  "priority" "high" \
  "conditional_display" "true" \
  "condition_script" "return window.innerWidth > 768 && document.referrer.includes('tech')" \
  "js_enhancement" "document.querySelector('.product-features').addEventListener('click', function() { showDetailedSpecs(123); });"
 
# Guardar índices para búsqueda rápida de personalizaciones por tipo de elemento
SADD site:${site_id}:segments:${segment_id}:element_types:navigation mod_12345
SADD site:${site_id}:segments:${segment_id}:element_types:content mod_23456
 
# Guardar lista de todas las personalizaciones del segmento
SADD site:${site_id}:segments:${segment_id}:all_personalizations mod_12345 mod_23456
 
# Guardar reglas como Hash
HSET site:${site_id}:segments:${segment_id}:rules \
  device_type "desktop,tablet" \
  user_type "tech_enthusiast" \
  "preferences:content_density" "high" \
  "preferences:technical_level" "advanced"
 
# Guardar lista de segmentos del sitio como Set
SADD site:${site_id}:segment_list ${segment_id}

# Variables
site_id="example_site"
segment_id="seg_tech_enthusiasts"
 
# Obtener todos los metadatos de un segmento
HGETALL site:${site_id}:segments:${segment_id}:metadata
 
# Obtener todas las personalizaciones de un segmento
SMEMBERS site:${site_id}:segments:${segment_id}:all_personalizations
 
# Obtener una personalización específica por su ID
HGETALL site:${site_id}:segments:${segment_id}:personalizations:mod_12345
 
# Obtener todas las personalizaciones de un tipo específico de elemento
SMEMBERS site:${site_id}:segments:${segment_id}:element_types:navigation
# Luego obtener cada personalización individualmente
HGETALL site:${site_id}:segments:${segment_id}:personalizations:mod_12345
 
# Obtener reglas
HGETALL site:${site_id}:segments:${segment_id}:rules
 
# Obtener todos los segmentos de un sitio
SMEMBERS site:${site_id}:segment_list

# Establecer TTL de 24 horas (86400 segundos)
EXPIRE site:${site_id}:segments:${segment_id}:metadata 86400