• Accueil / Marketing Cloud / Évitez l’attente et…
, Évitez l&rsquo;attente et modifiez comme un pro<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Évitez l’attente et modifiez comme un pro7 minutes de lecture


Comme nous sommes en novembre, je veux continuer à partager l’un des trucs que je suis tellement reconnaissant d’avoir appris. Cette astuce a rendu la création de CloudPages tellement plus facile pour moi, sans parler du temps que cela m’a permis de gagner. C’est définitivement quelque chose que je suis reconnaissant d’avoir dans mon sac d’astuces de développement.

Si vous avez travaillé avec cloudpages, vous avez vu l’avertissement de SFMC selon lequel la publication des modifications sur votre page cloud peut prendre de 5 à 10 minutes. 5 à 10 minutes ne sonne pas si mal tant que vous n’avez pas réalisé le nombre de petits changements que vous apportez lors du débogage. Si vous faites un changement à la fois, les 5 minutes ici et 10 minutes là-bas peuvent vraiment s’additionner. D’un autre côté, si vous effectuez toute une série de modifications et que cela ne fonctionne pas, vous avez tout un tas de choses à trier pour trouver l’erreur, ce qui pourrait prendre plus de temps que si vous en aviez fait un à la fois.

Je constate que lorsque je travaille sur CloudPages, je fais un lot de choses au début pour commencer, mais après cela, les modifications et les ajouts se produisent un à la fois. Il est plus facile de déboguer et de voir si la modification que vous avez apportée a eu le résultat souhaité, et avec l’astuce, je vais vous apprendre aujourd’hui, vous n’avez pas à attendre la publication des modifications.

J’apprends constamment de nouvelles choses dans Marketing Cloud et assiste souvent à des formations SFMC. J’ai assisté à une formation en janvier organisée par Eliot Harper, co-auteur de The Ampscript Guide, où il a édité et chargé les modifications sur une page cloud sans publier les modifications. En fait, il n’avait même pas son code dans la page Cloud. Au lieu de cela, il avait son code dans un éditeur de texte et a utilisé Dropbox pour héberger le code afin que la page cloud puisse récupérer et charger. Chaque fois qu’il éditait le code dans l’éditeur de texte, il appuyait simplement sur Enregistrer, puis actualisait la page cloud. Et tada…. les changements affichés sur la page cloud. Sans délais! Pas d’attente pour la publication du code! Rien. Il a simplement appuyé sur Actualiser et la page cloud a fait une nouvelle récupération du fichier enregistré et chargé.

Décomposons-le, puis je vous montrerai comment le faire.

Dans SFMC, sur la page cloud – nous entrons une seule ligne de code. Cette commande donne simplement les instructions à la page cloud pour accéder à cette adresse Web et charger le fichier spécifié. C’est là qu’intervient Dropbox. Tant que le fichier que je souhaite charger sur la page est enregistré dans ma boîte de dépôt, je peux utiliser le lien Dropbox vers ce fichier, avec une modification mineure, comme adresse Web dans ma page cloud. Cela élimine le temps d’attente pour la publication des modifications sur la page cloud. Chaque fois que j’actualise la page cloud, un nouveau rechargement du fichier est effectué. Le seul temps d’attente auquel je suis lié est donc le temps qu’il faut pour mettre à jour le fichier dans ma boîte de dépôt. Si vous activez Dropbox sur votre ordinateur, vous pouvez le mettre à jour simplement en enregistrant le fichier. Ceci, la plupart du temps, est relativement instantané. Une fois que j’ai enregistré le fichier, il ne me reste plus qu’à cliquer sur Actualiser dans l’onglet du navigateur pour que ma page cloud récupère le code et l’exécute. Cela prend beaucoup moins de 5 à 10 minutes.

Voici des instructions étape par étape pour que vous puissiez essayer ceci.

Étape 1: Créez votre fichier.

Vous pouvez utiliser n’importe quel éditeur de texte ou éditeur HTML de votre choix. J’utilise personnellement Sublime Text Editor, car leur code couleur est basé sur la syntaxe du langage. Cela permet de voir facilement si j’ai oublié une parenthèse ou une citation. Ils ont également un module complémentaire disponible pour HTML avec AMPscript.

Nous utiliserons la norme séculaire de «Hello World» pour ce didacticiel.

Ouvrez un nouveau fichier dans votre éditeur de texte et tapez:

 Hello World!

Donnez ensuite un nom à votre fichier et enregistrez-le.

Étape 2: Enregistrez dans Dropbox.

Si vous avez activé Dropbox sur votre ordinateur, vous devriez pouvoir enregistrer directement dans votre dossier Dropbox à partir de la fenêtre d’enregistrement.

Sinon, ouvrez votre compte Dropbox (un compte gratuit fonctionnera bien si vous n’en avez pas déjà configuré) et téléchargez votre fichier.

Étape 3: récupérer le lien Dropbox.

Si la boîte de dépôt est activée sur votre ordinateur, vous pouvez ouvrir votre Explorateur de fichiers et cliquer avec le bouton droit sur le nom du fichier, puis sélectionner «Copier le lien de Dropbox».

Sinon, dans votre compte dropbox, trouvez votre fichier et cliquez sur le bouton Partager. Ne l’envoyez à personne. Au lieu de cela, regardez en bas et cliquez sur « créer un lien ».

Étape 4: Créez votre CloudPage.

Accédez à Web Studio> CloudPages et sélectionnez une collection existante ou créez-en une nouvelle.

Dans la collection, cliquez sur créer et sélectionnez Page de destination.

Donnez à la page un nom et un raccourci pour l’URL. Ne vous inquiétez pas, vous pourrez les modifier plus tard.

Sélectionnez « Content Builder » et sélectionnez « Vierge » comme mise en page.

Étape 5: Ajout ou suppression de votre bloc de code.

Si vous souhaitez utiliser les styles intégrés dans le générateur de contenu, faites glisser et déposez un bloc HTML dans la mise en page. Ce bloc sera appelé «bloc de code».

L’autre option est de contrôler tout le CSS de votre code. Pour cela, sélectionnez Affichage du code et Tout supprimer dans le bloc de code modifiable de gauche – qui sera appelé «bloc de code» pour cette option. (C’est mon préféré)

Votre bloc de code doit être vide de tout le reste.

Étape 6: Ajustez votre URL DropBox.

Ensuite, nous allons ajuster l’URL que nous avons extraite de Dropbox qui renvoie à notre fichier.

L’exemple de fichier que j’ai configuré contient le lien suivant de Dropbox:
https://www.dropbox.com/s/q5gpc60lj0wk1uy/Hello%20World?dl=0

Nous devons apporter 2 modifications à ce lien afin que Dropbox permette à notre page cloud de le charger.
Modification 1: tout supprimer après le « ? »
Changement 2: remplacez « www » au début de votre URL par « dl »

Mon exemple de lien ressemble à ceci après ces 2 changements:
https://dl.dropbox.com/s/q5gpc60lj0wk1uy/Hello%20World?

Étape 7: HTTPGET & REDIRECTTO

Notre bloc de code n’aura qu’une ligne de code ->

%% = HTTPGET (RedirectTo (« YourDropboxURLGoesHere »)) = %%

Donc, mon lien au-dessus de ma ligne de code ressemblerait à ceci:

%% = HTTPGET (Rediriger vers (« https://dl.dropbox.com/s/q5gpc60lj0wk1uy/Hello%20World?« )) = %%

Étape 8: Enregistrer, publier et charger

Enregistrez votre Cloudpage et publiez-la. (Cela peut prendre entre 5 et 10 minutes.)

Cliquez sur l’URL de votre page cloud pour charger la page. (Pour garder les choses au clair, j’appellerai cela votre « fenêtre de navigateur ».

Il doit charger une page vierge avec les mots « Hello World »

Étape 9: Modifier et recharger

Maintenant que la page est chargée. Revenez à votre fichier texte. Apportez une modification et enregistrez le fichier. (Assurez-vous que votre processus d’enregistrement est également enregistré dans Dropbox – cela se fait automatiquement si vous utilisez l’application de bureau). Ensuite, allez dans la fenêtre de votre navigateur et appuyez sur Actualiser. Vous devriez voir les changements s’afficher immédiatement à l’écran.

Une fois que vous avez terminé de développer votre code, je vous recommande de déplacer le code dans CloudPage dans Marketing Cloud, en particulier si vous utilisez une boîte de dépôt gratuite ou personnelle. Cela garantit que le code de la page a une copie dans SFMC, donc si vous quittez l’entreprise, cette page n’est pas soudainement partie.

Si vous n’avez pas d’éditeur de texte préféré ni de compte Dropbox, vous pouvez toujours utiliser cette astuce, mais avec des blocs de contenu. Pour ce faire, ajoutez tout le code souhaité sur la page (ce que dans l’exemple précédent figurait dans le fichier texte enregistré téléchargé dans Dropbox) dans un bloc de contenu HTML. Au lieu d’une URL, ouvrez les propriétés du bloc de contenu et déroulez l’ID. Ensuite, dans le bloc de code sur la page cloud, vous utiliseriez la ligne de code suivante:
%% = ContentBlockbyId (« 12345 ») = %%



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Voulez-vous utiliser Pardot à sa capacité maximale et avoir
+ DE LEADS QUALIFIÉS

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer