將Adobe Experience Platform Mobile SDK與Commerce整合

IMPORTANT
適用於iOS的Adobe Experience Platform Mobile SDK支援iOS 11或更新版本。

Adobe Experience Platform Mobile SDK與Commerce行動應用程式整合後,商戶可將Commerce 事件資料傳送至Experience Platform邊緣。

當Commerce事件資料位於邊緣時,其他Adobe Experience Cloud應用程式即可存取這些資料。 例如,您可以使用資料在Real-Time CDP中建立對象,然後使用這些對象個人化您的Commerce行動應用程式。

設定

若要開始將Adobe Experience Platform Mobile SDK與Commerce搭配使用,請在Experience Platform中安裝和設定SDK。 接著,在Commerce中完成設定。

Experience Platform

  1. 檢閱行動應用程式教學課程🔗中的Adobe Experience Cloud,瞭解行動應用程式功能。

  2. 安裝並設定Experience Platform的SDK。

    note note
    NOTE
    您在Experience Platform中建立和設定的結構描述,與您在Commerce行動應用程式中的應用程式程式碼中使用的結構描述相同。

Commerce

完成Experience平台的SDK設定後,請將SDK設定新增至Commerce。

  1. 若要透過SDK傳送Commerce事件資料至Experience Platform,您必須在應用程式程式碼中提供XDM結構描述。 此結構描述必須符合Experience Platform中SDK的結構描述已設定

    下列範例說明如何使用電子郵件欄位來追蹤web.webpagedetails.pageViews事件及設定identityMap

    code language-swift
    let stateName = "luma: content: ios: us: en: home"
    var xdmData: [String: Any] = [
        "eventType": "web.webpagedetails.pageViews",
        "web": [
            "webPageDetails": [
                "pageViews": [
                    "value": 1
                ],
                "name": "Home page"
            ]
        ]
    ]
    
    let experienceEvent = ExperienceEvent(xdm: xdmData)
    Edge.sendEvent(experienceEvent: experienceEvent)
    
    // Adobe Experience Platform - Update Identity
    
    let emailLabel = "mobileuser@example.com"
    
    let identityMap: IdentityMap = IdentityMap()
    identityMap.add(item: IdentityItem(id: emailLabel), withNamespace: "Email")
    Identity.updateIdentities(with: identityMap)
    
  2. 連線至Commerce Cloud環境。

    在您的專案建置設定中,新增URL至Commerce GraphQL端點。 例如:

    • 偵錯: http://debug.commercesite.cloud/graphql/
    • 發行版本: http://release.commercesite.cloud/graphql/
  3. 若要從Commerce GraphQL端點擷取資料,請先使用Apollo Code Generator在您的專案中產生必要的檔案和目錄。

    1. 從您的專案目錄,安裝 Apollo iOS。

    2. 初始化 Apollo Codegen CLI。

      這會建立apollo-codegen-configuration.json檔案。

    3. apollo-codegen-configuration.json檔案的內容取代為下列內容,以在專案中產生必要的GraphQL檔案和目錄:

      code language-json
      {
      "schemaName" : "MagentoAPI",
      "input" : {
          "operationSearchPaths" : [
          "**/*.graphql"
          ],
          "schemaSearchPaths" : [
          "**/*.graphqls"
          ]
      },
      "output" : {
          "testMocks" : {
          "none" : {
          }
          },
          "schemaTypes" : {
          "path" : "../MagentoAPI",
          "moduleType" : {
              "swiftPackageManager" : {
              }
          }
          },
          "operations" : {
          "inSchemaModule" : {
          }
          }
      },
      "schemaDownloadConfiguration": {
          "downloadMethod": {
              "introspection": {
                  "endpointURL": "http://magento24.com/graphql/",
                  "httpMethod": {
                      "POST": {}
                  },
                  "includeDeprecatedInputValues": false,
                  "outputFormat": "SDL"
              }
          },
          "downloadTimeout": 60,
          "headers": [],
          "outputPath": "magento.graphqls"
      }
      }
      
    4. 擷取 Commerce GraphQL結構描述。

      確保路徑為./apollo-codegen-config.json檔案,其中包含對Commerce GraphQL結構描述的參考。

    5. 產生原始程式碼。

      確定路徑為./apollo-codegen-config.json檔案,其中包含產生必要檔案和目錄的組態資訊。

    6. 在新建立的​ GraphQLGenerated ​資料夾中,新增或編輯GraphQL型別。 例如,您可以新增具有以下內容的DynamicBlocks.graphql型別:

      code language-graphql
      query dynamicBlocks($input: DynamicBlocksFilterInput){
          dynamicBlocks(input: $input)
          {
              items {
                  content {
                      html
                  }
              }
          }
      }
      

    您現在已將Adobe Experience Platform Mobile SDK與Commerce行動應用程式整合。 事件資料會從您的應用程式傳輸至Experience Platform邊緣。

如何區分從行動應用程式產生的Commerce事件

所有事件都包含名為channel的欄位。 channel欄位包含channel._idchannel._type,Luma店面的名稱空間值分別為"https://ns.adobe.com/xdm/channels/web""https://ns.adobe.com/xdm/channel-types/web"。 但對於行動店面,名稱空間值分別為"https://ns.adobe.com/xdm/channels/mobile-app""https://ns.adobe.com/xdm/channel-types/mobile"

後續步驟

若要瞭解如何從您的行動Real-Time CDP應用程式擷取Commerce對象,以告知購物車價格規則、動態區塊和相關產品規則,請參閱Audience Activation

recommendation-more-help
6bf243c8-c8c6-4074-826f-546af445e840