Skip to main content

Installez votre sceau de site DigiCert

Informations pour installer vos sceaux de site DigiCert Smart Seal, Norton seal, Thawte et GeoTrust sur votre site Web

Note

DigiCert Smart Seal ne paramètre ni n'utilise aucune forme de cookie.

Avant de commencer

Avant d'installer le sceau de site, assurez-vous que vous remplissez ces conditions préalables :

  • Vous devez avoir accès au code de votre site Web et être familier avec celui-ci.

  • Vous devez avoir une compréhension de base de HTML et JavaScript.

  • Vous devez avoir le code du sceau du site.

Code du sceau du site

Le code du sceau du site ne fonctionne que sur les domaines inclus dans la commande du certificat TLS/SSL. Cette liste de domaines est disponible sur la page Order details (détails de la commande) du certificat dans votre compte CertCentral. Lorsque vous vous envoyez le code du sceau du site par courriel, votre e-mail de sceau de site DigiCert comprend une liste de domaines valides.

Avertissement

Ne modifiez pas l'attribut ID ou le JavaScript. DigiCert recommande d'utiliser le code du sceau du site tel quel. Modifiez le code à vos risques et périls.

Réinstallation du code du sceau du site

Après avoir installé le code du sceau du site sur votre site web, vous pouvez modifier le sceau du site à partir de votre compte CertCentral ou via votre intégration API des services CertCentral.

Certaines modifications, comme le changement de la taille de l'image du sceau du site, ne nécessitent pas de réinstaller le code du sceau du site. Cependant, si vous modifiez l'effet de survol, vous devez réinstaller le code du sceau du site pour que ces modifications prennent effet sur votre site Web.

Obtenir le code du sceau du site

  1. Dans votre compte CertCentral, dans le menu à gauche, cliquez sur Certificates > Orders (Certificats > Commandes).

  2. Sur la page Orders (Commandes), dans la colonne Order # (N° de commande), cliquez sur le lien du numéro de commande de certificat.

  3. Sur la page de détails Order # (N° de commande), cliquez sur Site Seal (Sceaux de site).

  4. Sur la page de détails Order # (N° de commande) du certificat, dans la section Do you need to install your site seal? (Avez-vous besoin d’installer votre sceau de site), vous pouvez copier le code du sceau du site ou vous l'envoyer par e-mail.

Ajouter le code du sceau du site à votre site Web

Le code du sceau du site se compose de deux parties de code : HTML et JavaScript.

Code HTML

Le code HTML, bloc de conteneur « div », affiche le sceau du site DigiCert sur votre page web. Collez la partie « div » du code dans le code de votre page à l'endroit où vous voulez que le sceau apparaisse sur la page web.

Code JavaScript

Le code JavaScript fait fonctionner le sceau du site. Par exemple, le code fait apparaître le sceau du site sur la page et donne un style au bloc de conteneur « div ». Collez la partie script du code de la page n'importe où sur la page (par exemple, à côté du bloc « div »).

Ajouter le code du sceau du site

Lorsque vous ajoutez le code du sceau du site à votre page Web, vous avez deux possibilités : placer tout le code ensemble ou placer le code HTML à un emplacement et le code JavaScript dans une autre zone.

Option 1 : Placez tout le code au même emplacement

Copiez le code (HTML et JavaScript ensemble) et collez-le dans votre document HTML à l'emplacement où vous souhaitez que le sceau de votre site apparaisse sur la page.

Option 2 : Placez le code HTML à un emplacement et le code JavaScript à un autre emplacement

  1. Copiez le code JavaScript et collez-le dans votre document HTML dans la section HEAD en haut du fichier.

    Important

    DigiCert recommande de placer ce code sous toute autre balise JavaScript déjà présente sur la page Web.

  2. Copiez le code HTML. Puis collez-le dans votre document HTML à l'emplacement où vous souhaitez que le sceau de votre site apparaisse sur la page.

Style du sceau du site

Balise HTML « div »

Vous pouvez placer la balise HTML « div » à l'endroit où vous souhaitez que le sceau du site apparaisse sur votre page. Vous pouvez appliquer des styles CSS standard à la balise « div » : en ligne avec un attribut STYLE ou en ajoutant un attribut CLASS et en utilisant une feuille de style.

Avertissement

Ne modifiez pas l'attribut ID. Modifiez le code à vos risques et périls.

Sceau du site

Le sceau du site lui-même est stylé automatiquement via JavaScript.

Avertissement

Ne modifiez pas le JavaScript. Modifiez le code à vos risques et périls.

Définir la préférence linguistique pour la page d'information sur le sceau du site

La page d'information sur le sceau du site prend en charge les langues suivantes :

  • Anglais (paramètre par défaut)

  • Español (Espagnol)

  • Deutsch (Allemand)

  • Français (Français)

  • Italiano (Italien)

  • 日本語 (Japonais)

  • 한국어 (Coréen)

  • Nederlands (Néerlandais)

  • Português (Portugais)

  • Русский (Russe)

  • Svenska (Suédois)

  • 简体中文 (Chinois simplifié)

  • 繁體中文 (Chinois traditionnel)

Pour modifier la préférence linguistique par défaut de la page d'informations sur le sceau du site, ajoutez l'attribut "lang" à la balise "div" du sceau du site ou à l'élément "html" racine de la page.

Avis

Ces modifications relatives à la langue ne s'appliquent qu'à la page d'information sur le sceau du site. Elles ne modifient pas la langue du sceau du site. Actuellement, le sceau du site ne prend en charge que l'anglais.

Valeurs de l'attribut « lang » :

  • en – English

  • es – Español

  • de – Deutsch

  • fr – Français

  • it – Italiano

  • ja – 日本語

  • ko – 한국어

  • nl – Nederlands

  • pt – Português

  • ru – Русский

  • sv – Svenska

  • zh – 简体中文

  • zt – 繁體中文

Ajouter l'attribut « lang » à la balise « div ».

Pour définir la langue par défaut de la page d'information du sceau du site, ajoutez l'attribut « lang » à la balise « div » dans le code du sceau du site.

Exemple de code du sceau du site avec l'attribut « lang »

<!-- DigiCert Seal HTML -->
<!-- Place HTML on your site where the seal should appear -->
<div id="DigiCertClickID_f8wBj4Ja" lang="es"></div>

<!-- DigiCert Seal Code -->
<!-- Place with DigiCert Seal HTML or with other scripts -->
<script type="text/javascript">
	var __dcid = __dcid || [];
	__dcid.push({"cid":"DigiCertClickID_f8wBj4Ja","tag":"f8wBj4Ja"});
	(function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = 
document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
</script>

Ajouter l’attribut « lang » à l’élément racine « html » de la page Web.

Pour définir la préférence linguistique par défaut de la page d'information sur le sceau du site, vous pouvez ajouter l'attribut « lang » à l'élément « html » racine de la page.

Par exemple : <html lang="fr">

Et ensuite ?

Un sceau de site ne fonctionne pas sur un domaine de développement/test si vous n'avez pas inclus ce domaine dans la commande de certificat. Le sceau du site ne fonctionne que sur les domaines inclus dans la commande de certificat.

Attention

Si vous activez ou désactivez l'effet de survol du sceau après avoir installé le code du sceau sur votre site web, vous devez réinstaller le code pour que cette modification prenne effet.

Renouvellement des commandes de certificats

Lorsque vous renouvelez une commande de certificat CertCentral, le code du sceau du site généré pour la commande précédente est toujours valide. Vous n'avez pas besoin de mettre à jour le code sur votre site web.

Cependant, si vous passez une nouvelle commande de certificat qui n'est pas un renouvellement de la commande existante, le code de sceau de site actuel ne fonctionnera plus. Dans ce cas, vous devez obtenir le code de sceau de site pour cette commande de certificat et mettre à jour le code de sceau de site sur votre site Web.

Dans cette section​: