Skip to main content

Installieren Sie Ihr DigiCert Website-Siegel

Informationen zur Installation Ihres DigiCert Smart-Siegels, Norton-Siegels, Thawte- und GeoTrust-Website-Siegels auf Ihrer Website

Anmerkung

DigiCert Smart Seal setzt oder verwendet keinerlei Cookies.

Bevor Sie beginnen

Bevor Sie das Website-Siegel installieren, sollten Sie sicherstellen, dass Sie diese Voraussetzungen erfüllen:

  • Sie müssen Zugriff auf den Code Ihrer Website haben und mit diesem vertraut sein.

  • Sie müssen ein Grundverständnis von HTML und JavaScript haben.

  • Sie müssen den Website-Siegel-Code haben.

Website-Siegel Code

Der Website-Siegel-Code funktioniert nur auf Domänen, die in dem TLS/SSL-Zertifikatsauftrag enthalten sind. Diese Liste der Domänen finden Sie auf der Seite Auftragsdetails des Zertifikats in Ihrem CertCentral Konto. Wenn Sie sich den Website-Siegel-Code per E-Mail zusenden, enthält diese E-Mail zum DigiCert Website-Siegel eine Liste der gültigen Domänen.

Warnung

Ändern Sie das Attribut ID oder das JavaScript nicht. DigiCert empfiehlt, den Code des Website-Siegels so zu verwenden, wie er ist. Änderungen am Code erfolgen auf Ihr eigenes Risiko.

Installieren Sie den Code für das Website-Siegel erneut

Nachdem Sie den Website-Siegel-Code auf Ihrer Website installiert haben, können Sie das Website-Siegel über Ihr CertCentral-Konto oder über Ihre CertCentral Services API-Integration ändern.

Bei einigen Änderungen, wie z. B. der Änderung der Größe des Website-Siegel-Bildes, müssen Sie den Code für das Website-Siegel nicht neu installieren. Wenn Sie jedoch den Hover-Effekt ändern, müssen Sie den Website-Siegel-Code neu installieren, damit diese Änderungen auf Ihrer Website wirksam werden.

Holen Sie sich den Website-Siegel-Code

  1. Gehen Sie in Ihrem CertCentral-Konto im linken Hauptmenü auf Zertifikate > Aufträge.

  2. Klicken Sie auf der Seite Aufträge in der Spalte Auftragsnummer auf den Link der Auftragsnummer des Zertifikats.

  3. Klicken Sie auf der Detailseite der Auftragsnummer auf Website-Siegel.

  4. Auf der Detailseite der Auftragsnummer des Zertifikats im Abschnitt Müssen Sie Ihr Website-Siegel installieren? können Sie den Website-Siegel-Code kopieren oder sich den Website-Siegel-Code per E-Mail zusenden lassen.

Den Website-Siegel-Code zu Ihrer Website hinzufügen

Der Website-Siegel-Code besteht aus zwei Code-Teilen: HTML und JavaScript.

HTML-Code

Der HTML-Code, ein „div“-Containerblock, zeigt das Website-Siegel von DigiCert auf Ihrer Webseite an. Fügen Sie den „div“-Teil des Codes an der Stelle in Ihren Seitencode ein, an der das Siegel auf der Webseite erscheinen soll.

JavaScript-Code

Der JavaScript-Code sorgt dafür, dass das Website-Siegel funktioniert. Der Code sorgt zum Beispiel dafür, dass das Website-Siegel auf der Seite erscheint, und formatiert den „div“-Containerblock. Fügen Sie den Skriptteil des Seitencodes an einer beliebigen Stelle auf der Seite ein (z. B. neben dem „div“-Block).

Den Website-Siegel-Code hinzufügen

Wenn Sie den Website-Siegel-Code zu Ihrer Webseite hinzufügen, haben Sie zwei Möglichkeiten: Sie können den gesamten Code zusammen platzieren oder den HTML-Code an einer Stelle und den JavaScript-Code an einer anderen Stelle.

Option 1: Den gesamten Code an einer Stelle platzieren

Kopieren Sie den Code (HTML und JavaScript zusammen) und fügen Sie ihn in Ihr HTML-Dokument an der Stelle ein, an der Ihr Website-Siegel auf der Seite erscheinen soll.

Option 2: Den HTML-Code an einer Stelle und den JavaScript-Code an einer anderen Stelle platzieren

  1. Kopieren Sie den JavaScript-Code und fügen Sie ihn in Ihr HTML-Dokument im Abschnitt HEAD am Anfang der Datei ein.

    Wichtig

    DigiCert empfiehlt, diesen Code unter allen anderen JavaScript-Tags zu platzieren, die sich bereits auf der Webseite befinden.

  2. Kopieren Sie den HTML-Code. Dann fügen Sie ihn in Ihr HTML-Dokument an der Stelle ein, an der Ihr Website-Siegel auf der Seite erscheinen soll.

Das Website-Siegel anpassen

„div“-Tag (HTML)

Sie können den „div“-Tag überall dort im HTML-Code Ihrer Seite platzieren, wo Sie das Website-Siegel anzeigen möchten. Sie können standardmäßige CSS-Stile auf das div-Tag anwenden: direkt im Tag mit einem STYLE-Attribut oder durch Hinzufügen eines CLASS-Attributs und Verwendung eines Stylesheets.

Warnung

Ändern Sie das Attribut ID nicht. Änderungen am Code erfolgen auf Ihr eigenes Risiko.

Standortsiegel

Das Website-Siegel selbst wird automatisch über JavaScript gestaltet.

Warnung

Ändern Sie das JavaScript nicht. Änderungen am Code erfolgen auf Ihr eigenes Risiko.

Legen Sie die Spracheinstellung für die Website-Siegel-Informationsseite fest

Die Website-Siegel Informationsseite unterstützt die folgenden Sprachen:

  • Englisch (Standardeinstellung)

  • Español (Spanisch)

  • Deutsch

  • Français (Französisch)

  • Italiano (Italienisch)

  • 日本語 (Japanisch)

  • 한국어 (Koreanisch)

  • Nederlands (Niederländisch)

  • Português (Portugiesisch)

  • Русский (Russisch)

  • Svenska (Schwedisch)

  • 简体中文 (Vereinfachtes Chinesisch)

  • 繁體中文 (Traditionelles Chinesisch)

Um die Standard-Spracheinstellung für die Informationsseite zum Website-Siegel zu ändern, fügen Sie das Attribut "lang" zum "div"-Tag des Website-Siegels oder zum "html"-Stammelement der Seite hinzu.

Hinweis

Diese sprachlichen Änderungen gelten nur für die Website-Siegel-Informationsseite. Sie ändern nicht die Sprache des Website-Siegels. Derzeit unterstützt das Website-Siegel nur Englisch.

Werte des Attributs „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 – 繁體中文

Fügen Sie das Attribut „lang“ zum „div“-Tag hinzu

Um die Standard-Spracheinstellung für die Informationsseite zum Website-Siegel festzulegen, fügen Sie das Attribut lang zum „div“-Tag im Website-Siegel-Code hinzu.

Beispiel für Website-Siegel-Code mit lang-Attribut

<!-- 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>

Fügen Sie das Attribut „lang“ zum „html“-Stamm-Element der Webseite hinzu

Um die Standard-Spracheinstellung für die Informationsseite zum Website-Siegel festzulegen, können Sie das Attribut „lang“ zum HTML-Stammelement der Seite hinzufügen.

Beispiel: <html lang="fr">

Wie geht es weiter?

Ein Website-Siegel funktioniert nicht auf einer Entwicklungs-/Testdomäne, wenn Sie diese Domäne nicht in die Zertifikatsbestellung aufgenommen haben. Das Website-Siegel funktioniert nur auf Domänen, die in dem Zertifikatsauftrag enthalten sind.

Achtung

Wenn Sie den Schwebeeffekt des Website-Siegels aktivieren oder deaktivieren, nachdem Sie den Website-Siegel-Code auf Ihrer Website installiert haben, müssen Sie den Code erneut installieren, damit die Änderung wirksam wird.

Zertifikatsauftragsverlängerungen

Wenn Sie einen CertCentral Zertifikatsauftrag erneuern, ist der für den vorherigen Auftrag generierte Website-Siegel-Code weiterhin gültig. Sie brauchen den Code auf Ihrer Website nicht zu aktualisieren.

Wenn Sie jedoch einen neuen Zertifikatsauftrag erteilen, bei dem es sich nicht um eine Erneuerung des bestehenden Auftrags handelt, funktioniert der aktuelle Website-Siegel-Code nicht mehr. In diesem Fall müssen Sie sich den Website-Siegel-Code für diesen Zertifikatsauftrag besorgen und den Website-Siegel-Code auf Ihrer Website aktualisieren.