> For the complete documentation index, see [llms.txt](https://docs.didomi.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.didomi.io/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/migrer-lintegration-shopify.md). # Migrer l’intégration Shopify Avant le lancement de l’intégration native Didomi/Shopify, Didomi fournissait deux scripts qui pouvaient être ajoutés manuellement à la boutique Shopify de votre organisation.
Script 1Propagation du consentement à partir des catégories de consentement Shopify
Script 2Gestion du paiement
Dans cet article, nous verrons comment supprimer ces anciens scripts afin que votre organisation puisse migrer vers l’intégration native Didomi/Shopify. * [Supprimer le script 1](#remove-script-1) * [Supprimer le script 2](#remove-script-2) * [Configurer l’intégration native Didomi/Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta.md) {% hint style="info" %} Les organisations qui ont précédemment implémenté les scripts 1 et 2 doivent supprimer ces scripts avant de poursuivre la configuration de l’intégration native Didomi/Shopify. {% endhint %} *** ### Supprimer le script 1 Le script 1 permettait à votre organisation de propager les valeurs de consentement pour les fournisseurs configurés dans le CMP Didomi à partir des quatre [catégories de consentement Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta.md#shopify-consent-categories): Analytics, Marketing, Preferences et Sale of Data. L’intégration native Didomi/Shopify prendra en charge cette propagation une fois implémentée, ce script doit donc être supprimé du code du thème de votre boutique Shopify. Accédez à la vue administrateur de votre boutique Shopify et cliquez sur **Boutique en ligne** dans le panneau de gauche. Cliquez sur les points de suspension alignés avec le thème actif de votre boutique en ligne et sélectionnez **Modifier le code** dans le menu déroulant.
Dans l’éditeur de code du thème de la boutique Shopify, développez le menu **layout** et sélectionnez le fichier **theme.liquid** .
Supprimez le script SDK Didomi de la balise `` dans le fichier. Voici un exemple du script SDK Didomi.
Exemple de script SDK Didomi {% code overflow="wrap" %} ```javascript ``` {% endcode %}
Ensuite, repérez la ligne suivante dans le **theme.liquid** fichier et supprimez-la pour ne plus utiliser le script dans le thème de votre boutique Shopify : {% code overflow="wrap" %} ```liquid {% render 'didomi-shopify-integration' %} ``` {% endcode %} Enregistrez les modifications apportées au fichier une fois terminé. Enfin, développez le menu **snippets** et repérez **didomi-shopify-integration.liquid** .
Faites un clic droit sur le fichier et sélectionnez **Supprimer définitivement** dans le menu déroulant suivant.
Confirmez la suppression du fichier didomi-shopify-integration.liquid dans la fenêtre modale suivante et cliquez sur **Supprimer**.
### Supprimer le script 2 Le script 2 permettait à votre organisation d’intégrer le CMP Didomi au processus de paiement Shopify à l’aide d’un pixel personnalisé dans la boutique Shopify. Afin de supprimer ce script, accédez à la vue administrateur de votre boutique Shopify et cliquez sur **Paramètres** dans le panneau de gauche.
Cliquez sur **Événements clients** dans le panneau de gauche de la page suivante.
Sélectionnez dans la liste le pixel où le script Didomi est ajouté.
Repérez le script dans l’éditeur de code du pixel et supprimez-le du code. Voici un exemple.
Exemple de script 2 {% code overflow="wrap" %} ```javascript window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } function areVendorsEnabledInToken() { const cookieName = "didomi_token"; const vendorsToCheck = ["google", "c:googleana-4TXnJigR"]; // Get the value of a specific cookie const getCookieValue = (cookieName) => { const cookies = document.cookie.split("; "); const cookie = cookies.find((c) => c.startsWith(`${cookieName}=`)); return cookie ? decodeURIComponent(cookie.split("=")[1]) : null; }; // Decode Base64 and parse JSON const decodeBase64Cookie = (base64String) => { const decodedString = atob(base64String); return JSON.parse(decodedString); }; // Check which vendors are enabled const checkVendors = (cookieData, vendorsToCheck) => { const result = {}; vendorsToCheck.forEach((vendor) => { result[vendor] = cookieData && cookieData.vendors && cookieData.vendors.enabled && cookieData.vendors.enabled.includes(vendor); }); return result; }; // Retrieve Didomi token from cookies or localStorage const didomiToken = getCookieValue(cookieName) || localStorage.getItem(cookieName); if (!didomiToken) { console.error(`Cookie ${cookieName} not found.`); return null; } return checkVendors(decodeBase64Cookie(didomiToken), vendorsToCheck); } if ( window.location.href.includes("/checkout/") || window.location.href.includes("/checkouts/") ) { gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", ad_user_data: "denied", ad_personalization: "denied", wait_for_update: 500, }); analytics.subscribe("page_viewed", () => { const { google, "c:googleana-4TXnJigR": googleAnalytics } = areVendorsEnabledInToken(); gtag("consent", "update", { ad_storage: google ? "granted" : "denied", analytics_storage: googleAnalytics ? "granted" : "denied", functionality_storage: google ? "granted" : "denied", personalization_storage: google ? "granted" : "denied", security_storage: "granted", ad_user_data: google ? "granted" : "denied", ad_personalization: google ? "granted" : "denied", wait_for_update: 500, }); }); } ``` {% endcode %}
Cliquez sur **Enregistrer** une fois terminé.
--- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.didomi.io/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/migrer-lintegration-shopify.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.