Skip to main content

安裝您的 DigiCert 網站圖章

在您的網站上安裝您的 DigiCert 智慧圖章、Norton 圖章、Thawte 和 GeoTrust 網站圖章的資訊

Note

DigiCert 智慧圖章不設定或使用任何種類的 Cookie。

在您開始前

在您安裝網站圖章前，確定您符合以下的先決條件：

  • 您必須有存取權限和熟悉您的網站代碼。

  • 您必須對 HTML 和 JavaScript 有基本的瞭解。

  • 您必須有網站圖章代碼。

網站圖章代碼

網域圖章代碼僅可以在加入 TLS/SSL 憑證訂單中的網域上作用。在您的 CertCentral 帳戶中的憑證訂單詳細資料頁面上提供此網域清單。當您以電子郵件將網站圖章代碼傳送給自己時， 您的 DigiCert 網站圖章電郵包含有效網域的清單。

Warning

請勿修改 ID 屬性或 JavaScript。DigiCert 建議使用原樣的網站圖章代碼。自訂承擔修改代碼的風險。

重新安裝網站圖章代碼

在您的網站上安裝網站圖章代碼後，您可以從您的 CertCentral 帳戶或透過您的 CertCentral Services API 整合修改網站圖章。

有些修改，例如變更網站圖章影像的大小，不需要重新安裝網站圖章代碼。但如果您修改懸浮效果，您必須重新安裝網站圖章代碼，使那些變更在您的網站上的生效。

取得網站圖章代碼

  1. 在您的 CertCentral 帳戶的左側主功能表中，前往憑證 > 訂單。

  2. 在訂單頁面的訂單編號欄中，按一下憑證的訂單編號連結。

  3. 在訂單編號詳細資料頁面上，按一下網站圖章。

  4. 在憑證的訂單編號詳細資料頁面的是否需要安裝您的網站圖章？區段中，您可以複製網站圖章代碼，或以電子郵件將網站圖章代碼傳送給您自己。

新增網站圖章代碼到您的網站中

網站圖章代碼由兩個代碼部份組成：HTML 和 JavaScript。

HTML 代碼

HTML 代碼、"div" 容器區塊顯示您網頁上的 DigiCert 網站圖章。將代碼的 "div" 部份貼在您的頁面代碼中任何您想要圖章在網頁上出現的位置。

JavaScript 代碼

JavaScript 代碼使網站圖章作用。例如，代碼讓網站圖章出現在頁面上並設計 "div" 容器區塊的樣式。將頁面代碼的指令集部份貼在頁面上的任何位置 (例如 "div”區塊旁邊)。

新增網站圖章代碼

新增網站圖章代碼到您的網頁時，您有兩個選項：將所有代碼放在一起，或將 HTML 代碼放在一個位置，並將 JavaScript 代碼放在另一個區域。

選項 1：將所有代碼放在同一個位置

複製代碼 (HTML 和 JavaScript 一起)，然後將其貼在您的 HTML 文件中，貼在您想要您的網站圖章在頁面上出現的位置。

選項 2：將 HTML 代碼放在一個位置，並將 JavaScript 代碼放在另一個位置

  1. 複製 JavaScript 代碼，然後將其貼在檔案頂端的 HEAD 區段內的 HTML 文件中。

    Important

    DigiCert 建議將此代碼放在已在網頁上的任何其他 JavaScript 標籤下。

  2. 複製 HTML 代碼。然後將其貼在您的 HTML 文件中，貼在您想要您的網站圖章在頁面上出現的位置。

設計網站圖章的樣式

HTML "div” 標籤

您可以將 HTML "div”標籤放在您想要網站圖章在您的頁面上顯示的任何位置。您可以套用標準 CSS 樣式到 "div" 標籤中：依照 STYLE 屬性，或新增 CLASS 屬性並使用樣式表。

Warning

請勿修改 ID 屬性。自訂承擔修改代碼的風險。

網站安全標章

網站圖章本身透過 JavaScript 自動設計樣式。

Warning

請勿修改 JavaScript。自訂承擔修改代碼的風險。

設定網站圖章資訊頁面的語言喜好

網站圖章資訊頁面支援以下的語言：

  • English (預設值)

  • 西班牙文 (西班牙)

  • 德文 (德國)

  • 法文 (法國)

  • 義大利文 (義大利)

  • 日本語 (日本)

  • 韓文 (韓國)

  • Nederlands (荷蘭文)

  • 葡萄牙文 (葡萄牙)

  • 俄文 (俄羅斯)

  • Svenska (瑞典文)

  • 简体中文

  • 繁體中文

若要設定網站圖章資訊頁面的預設語言喜好設定，請新增 "lang" 屬性到頁面的網站圖章 "div" 標籤或根 "html" 元素中。

Note

這些語言變更僅套用到網站圖章資訊頁面。它們不會變更網站圖章語言。目前網站圖章僅支援英文。

"lang” 屬性值：

  • en – English

  • es – Español

  • de – Deutsch

  • fr – Français

  • it – Italiano

  • ja – 日本語

  • ko – 한국어

  • nl – Nederlands

  • pt – Protuguês

  • ru – Русский

  • sv – Svenska

  • zh – 简体中文

  • zt – 繁體中文

新增 "lang” 屬性到 "div” 標籤中

若要設定網站圖章資訊頁面的預設語言喜好設定，請新增 "lang”屬性到網站圖章代碼的 "div”標籤中。

網站圖章代碼與 "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>

新增 "lang” 屬性到網頁的根 "html" 元素中。

若要設定網站圖章資訊頁面的預設語言喜好設定，請新增 "lang" 屬性到頁面的根 "html" 元素中。

例如：<html lang="fr">

下一步是什麼

如果您未在憑證訂單中加入開發/測試網域，網站圖章在該網域中不作用。網站圖章僅在加入憑證訂單中的網域上有效。

Caution

如果您在您的網站上安裝網站圖章代碼後啟用或停用網站圖章懸停效果，您必須重新安裝代碼才能讓使變更生效。

憑證訂單續訂

當您續訂 CertCentral 憑證訂單時，為之前的訂單產生的網站圖章代碼仍有效。您不需要更新您的網站上的代碼。

但如果您下不是續訂現有訂單的新憑證訂單，目前的網站圖章代碼將不再作用。在此情況中，您必須取得用於該憑證訂單的網站圖章代碼，並在您的網站上更新網站圖章代碼。

: