prehidingStyle
prehidingStyle
屬性可讓您定義CSS選取器以隱藏個人化內容,直到其載入為止。 此屬性在同步Web SDK實施中非常有用,可避免忽隱忽現的情形。 Adobe建議針對非同步Web SDK實作使用預先隱藏程式碼片段。
您在頁面上執行第一個sendEvent
命令時,在此屬性中定義的CSS選取器會開始隱藏內容。 收到Adobe的回應時(通常包括個人化內容),內容會取消隱藏。 如果sendEvent
命令失敗或逾時,也會取消隱藏內容。
如果您在實施中同時包含prehidingStyle
和預先隱藏程式碼片段,則預先隱藏程式碼片段會優先於此設定屬性。
使用Web SDK標籤擴充功能預先隱藏樣式
選取設定標籤延伸時的 提供預先隱藏樣式 按鈕。
- 使用您的Adobe ID憑證登入experience.adobe.com。
- 導覽至 資料彙集 > 標籤。
- 選取所需的標籤屬性。
- 導覽至 擴充功能,然後按一下Adobe Experience Platform Web SDK卡片上的 設定。
- 向下捲動至Personalization區段,然後選取按鈕 提供預先隱藏樣式。
- 此按鈕會開啟含有CSS編輯器的模型視窗。 插入所需的CSS選取器和宣告區塊,然後按一下[儲存]以關閉模型視窗。
- 按一下擴充功能設定下的 [儲存],然後發佈您的變更。
使用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