DocumentatieAEM Sites Optimizer

Preflight instellen

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Voor identificatie van de AEM Sites Optimizer Preflight-opportuniteit moet u de Preflight-extensie instellen in de Universal Editor, in een op documenten gebaseerde voorvertoning of in de AEM Cloud-service om Preflight-controles op uw pagina's uit te voeren voordat deze worden gepubliceerd.

Gebruikerstoegang inschakelen

Om de Preflight uitbreiding te gebruiken, zorg ervoor uw gebruiker aan minstens één van de volgende het productprofielen van AEM Sites Optimizer in ​ Adobe Admin Console ​ wordt toegewezen:

  • AEM Sites Optimizer - Gebruiker automatisch voorstellen
  • AEM Sites Optimizer - Gebruiker automatisch optimaliseren

De extensie Preflight inschakelen

Universele Redacteur

Voer de volgende stappen uit om Preflight in de Universal Editor in te stellen:

  1. Open Extension Manager bij:
    ​ https://experience.adobe.com/#/@org/aem/extension-manager/universal-editor

  2. Bepaal de plaats van Preflight Uitbreiding van AEM Sites Optimizer en leg een verzoek voor om het toe te laten.

  3. Het team van AEM van Adobe zal de uitbreiding voor uw organisatie herzien en toelaten.

  4. Nadat de uitbreiding wordt toegelaten, open een pagina in Universele Redacteur, bijvoorbeeld:
    https://author-p12345-e123456.adobeaemcloud.com/ui#/@org/aem/universal-editor/canvas/author-p12345-e123456.adobeaemcloud.com/content/en/example/home.html

  5. De Preflight Uitbreiding zal in zijspoor verschijnen.

  6. Selecteer de Uitbreiding Preflight van de zijspoor om a Preflight Controle van de huidige pagina te beginnen.

op document-Gebaseerde creatie

Voer de volgende stappen uit om Preflight in te stellen voor ontwerpen op basis van document:

  1. Voeg de volgende configuratie toe aan /tools/sidekick/config.json in de GitHub-opslagplaats van uw Edge Delivery Services-project:

    code language-json 
    {
  "plugins": [
    {
      "id": "preflight",
      "titleI18n": {
        "en": "Preflight"
      },
      "environments": ["preview"],
      "event": "preflight"
    }
  ]
}

  2. Maak een nieuw bestand /tools/sidekick/aem-sites-optimizer-preflight.js en voeg de volgende inhoud toe:

    code language-javascript 
    (function () {
  let isAEMSitesOptimizerPreflightAppLoaded = false;
  function loadAEMSitesOptimizerPreflightApp() {
    const script = document.createElement('script');
    script.src = 'https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=plugin';
    script.onload = function () {
      isAEMSitesOptimizerPreflightAppLoaded = true;
    };
    script.onerror = function () {
      console.error('Error loading AEMSitesOptimizerPreflightApp.');
    };
    document.head.appendChild(script);
  }

  function handlePluginButtonClick() {
    if (!isAEMSitesOptimizerPreflightAppLoaded) {
      loadAEMSitesOptimizerPreflightApp();
    }
  }

  // Sidekick V1 extension support
  const sidekick = document.querySelector('helix-sidekick');
  if (sidekick) {
    sidekick.addEventListener('custom:preflight', handlePluginButtonClick);
  } else {
    document.addEventListener('sidekick-ready', () => {
      document.querySelector('helix-sidekick')
        .addEventListener('custom:preflight', handlePluginButtonClick);
    }, { once: true });
  }

  // Sidekick V2 extension support
  const sidekickV2 = document.querySelector('aem-sidekick');
  if (sidekickV2) {
    sidekickV2.addEventListener('custom:preflight', handlePluginButtonClick);
  } else {
    document.addEventListener('sidekick-ready', () => {
      document.querySelector('aem-sidekick')
        .addEventListener('custom:preflight', handlePluginButtonClick);
    }, { once: true });
  }
}());

  3. Werk de functie loadLazy() in /scripts/scripts.js bij om het Preflight-script te importeren voor voorbeeld-URL's:

    code language-javascript 
    if (window.location.href.includes('.aem.page')) {
   import('../tools/sidekick/aem-sites-optimizer-preflight.js');
}

  4. Open de voorproef URL (*.aem.page) van de pagina u wilt controleren.

  5. In Sidekick, klik Preflight knoop om de controle voor de huidige pagina te beginnen.

de Redacteur van de Pagina van AEM Sites

Als u Preflight wilt gebruiken in de AEM Sites Page Editor, kunt u een bladwijzer maken in uw webbrowser. Voer de volgende stappen uit:

  1. Toon uw Bar van Referenties in uw Webbrowser:

    • Pers Ctrl+Shift+B (Vensters) of Cmd+Shift+B (Mac).

!. Maak een nieuwe bladwijzer in uw browser:

  • Klik met de rechtermuisknop op de bladwijzerbalk en selecteer Nieuwe pagina of Bladwijzer toevoegen .
  • Op het Adres (URL) gebied, kleef de volgende code:
code language-javascript 
javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=aem-cloud-service';document.head.appendChild(script);})();

  1. Noem de referentie Preflight (of om het even welke naam u verkiest).

  2. Open voorproef URL (*.aem.page) van de pagina u in de Redacteur van de Pagina van AEM Sites wilt controleren.

  3. Klik Preflight referentie in uw bar van Bladwijzers om de controle voor de huidige pagina te beginnen.

Aanbevolen procedures

Houd rekening met de volgende richtlijnen wanneer u Preflight-controles uitvoert:

  • Voer altijd controles op het opvoeren of voorproef pagina's alvorens aan productie te publiceren in werking.
  • Prioriseer het oplossen van high-impact kwesties zoals gebroken verbindingen, ontbrekende markeringen H1, of onveilige verbindingen.
  • Verzeker de authentificatie wordt toegelaten voor beschermde het opvoeren milieu's alvorens controles in werking te stellen.
  • Herzie en pas aanbevelingen van de meta markering toe om prestaties SEO te verbeteren.
recommendation-more-help
5e6e9ad4-b220-4b0b-b7e2-19dbcde9096a