prehidingStyle

prehidingStyle屬性可讓您定義CSS選取器以隱藏個人化內容,直到其載入為止。 此屬性在同步Web SDK實施中非常有用,可避免忽隱忽現的情形。 Adobe建議針對非同步Web SDK實作使用預先隱藏程式碼片段

您在頁面上執行第一個sendEvent命令時,在此屬性中定義的CSS選取器會開始隱藏內容。 收到Adobe的回應時(通常包括個人化內容),內容會取消隱藏。 如果sendEvent命令失敗或逾時,也會取消隱藏內容。

如果您在實施中同時包含prehidingStyle和預先隱藏程式碼片段,則預先隱藏程式碼片段會優先於此設定屬性。

使用Web SDK標籤擴充功能預先隱藏樣式

選取設定標籤延伸時的​ 提供預先隱藏樣式 ​按鈕。

  1. 使用您的Adobe ID憑證登入experience.adobe.com
  2. 導覽至​ 資料彙集 > 標籤
  3. 選取所需的標籤屬性。
  4. 導覽至​ 擴充功能,然後按一下Adobe Experience Platform Web SDK卡片上的​ 設定
  5. 向下捲動至Personalization區段,然後選取按鈕​ 提供預先隱藏樣式
  6. 此按鈕會開啟含有CSS編輯器的模型視窗。 插入所需的CSS選取器和宣告區塊,然後按一下[儲存]以關閉模型視窗。
  7. 按一下擴充功能設定下的​ [儲存],然後發佈您的變更。

使用Web SDK JavaScript程式庫預先隱藏樣式

執行configure命令時設定prehidingStyle字串。 如果您在設定Web SDK時省略此屬性,則在頁面上執行第一個sendEvent命令時不會隱藏任何內容。 針對同步載入的程式庫,將此值設為所需的CSS選取器和宣告區塊。

alloy("configure", {
  datastreamId: "ebebf826-a01f-4458-8cec-ef61de241c93",
  orgId: "ADB3LETTERSANDNUMBERS@AdobeOrg",
  prehidingStyle: "#container { opacity: 0 !important }"
});
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636