Category: Adobe Experience Cloud

はじめに Adobe Targetにおいて、プロパティを分けて運用されていることがあります。この場合には、Adobe Targetのmboxコールにどのプロパティかを示すプロパティトークン（at_property）を含める必要となります。 at.js利用だとat.jsの読み込み前にAdobe Target > Properties > 対象プロパティのImplementation Code（scriptタグ）を配置しておくと対応されますが、Web SDKだと対応が異なりますので、本記事でご紹介したいと思います。 Adobe Targetにてプロパティトークンを取得する ここはat.js利用と同じです。ただし、Web SDKでは、Implementation Codeそのものではなくその中のat_property値を使用します。 前出のAdobe Target > Properties > 対象プロパティのコードアイコンをクリックします。ポップアップウインドウにImplementation Codeが表示されますので、at_property値をコピーします。at_property値はダブルクォーテーションで囲まれた箇所となります。例えばImplementation Codeが以下の場合だと、「XXXXXXXX-YYYY-ZZZZ-1234-AAAAAAAAAAAA」となります。 <script> function targetPageParams() { return { “at_property”: “XXXXXXXX-YYYY-ZZZZ-1234-AAAAAAAAAAAA” }; } </script> at_property値はData Streamやルールなどで設定します。 データストリームのAdobe Targetサービスに設定 Web SDKでAdobe Targetを利用するためには、まずデータストリームにAdobe Targetサービスの追加が必要です。その設定内のProperty Token Overrides欄がありますので前出のat_property値を設定します。（複数ある場合には改行区切りで指定します） プロパティトークンをエクステンションやルールで使い分ける データストリームの設定が完了しましたら、エクステンションあるいはルールで設定します。   Adobe Experience Platform Tagsプロパティでは、エクステンション「Adobe Experience Platform Web SDK」やルール（「Adobe…

はじめに 今回はAdobe Targetでアクティビティ設定を行う際に使っているちょっとした小ネタを紹介します。 スケジュール設定関連 あれ、Goal & Settingsで開始日時を設定したのに、時間になってもアクティビティがLiveになっていない？ということがあったりします。 こちらは、アクティビティのステータスを「Scheduled」としておく必要があります。スケジュールを設定したら合わせて対応しましょう。 Scheduledに変更するにはActivateを選択するだけです。※前出のDuration設定がないとそのままLiveとなりますのでスケジュール設定は事前に行います。以下はScheduledの表示例となります。 アクティビティ名やオファー名をオファーHTMLに追加する アクティビティ名やエクスペリエンス名は「${campaign.name}」、「${offer.name}」でオファーに埋め込むことができます。パターンが多い施策の検証などで活用できるかと思います。例： 配信された上記オファーがページに埋め込まれた表示例 参考https://experienceleague.adobe.com/ja/docs/target/using/experiences/offers/passing-profile-attributes-to-the-html-offer ChromeのDeveloper Toolの要素タブの検索欄の活用 こちらはChrome関連の話題になります。HTML内の文言を探すのにはよく使われると思いますが、CSSセレクタでHTML要素を探すことができたりもします。例えば、Adobe Targetのエクスペリエンス設定で施策箇所をCSSセクレタで指定しますが、これが正しいかどうかをチェックするといったことにも転用できます。 検索欄は以下の手順で表示されることができます。 Developer Toolを開きます 要素タブを選択します HTMLの任意の箇所をクリックした後、Control + F（MacだとCommand + F）をクリックします 検索欄が表示されたら、探したいHTML要素のCSSセレクタを入力します。例えば、以下はFollow UsのFacebookアイコンのセレクタ（.futuriowp-facebook）を入力して検索した例となります。 おわりに いかがでしょうか？今回は２点紹介しましたが、他にも役立ちそうな小ネタがありましたらまた紹介できしたいと思います。ちょっとした小ネタでしたが、なにか参考になれば幸いです。Implement DigitalではAdobe Targetの導入、運用を支援するサービスを提供しています。ご興味がありましたらお問い合わせください。

はじめに Adobe TargetのABテストで、QA URLで動作確認を行う場合に、エクスペリエンスを切り替えたい時に、それぞれQA URLをコピーしてアドレスバーに入れ直すのですが、実際はURLパラメーターの「at_preview_index=」の値が異なるだけなので、そこだけ書き換えれば簡単にエクスペリエンスの切り替えができます。そこで、ブックマークにjavascriptを登録してエクスペリエンスを変更する手順を紹介します。 スクリプトについて TargetのQA URLのURLパラメーターを書き換えます。location.searchに「at_preview_index=X_[Y以外の値]」（Yは目的のエクスペリエンス番号）が含まれているか確認しています。 if (/at_preview_index=d+_[^1]/.test(location.search)) { location.search = location.search.replace(/(at_preview_index=d+_)d+/, ‘$11’) } ブックマークへ登録 ブックマークへは改行・スペースを削除して以下を登録します。 javascript:if(/at_preview_index=d+_[^1]/.test(location.search)){ location.search=location.search.replace(/(at_preview_index=d+_)d+/, ‘$11’)} 「ブックマーク」＞「ブックマーク マネージャー」＞（3点リーダー）「新しいブックマークを追加」 同様にExperience B 、Experience Cも登録します。 Experience B javascript:if(/at_preview_index=d+_[^2]/.test(location.search)) {location.search=location.search.replace(/(at_preview_index=d+_)d+/, ‘$12’)} Experience C javascript:if(/at_preview_index=d+_[^3]/.test(location.search)) {location.search=location.search.replace(/(at_preview_index=d+_)d+/, ‘$13’)} QA URLを表示 アクティビティのアクティビティQAからQA URLのExperience Aを呼び出します。 ブックマークの呼び出し Experience Bの確認を行いたい場合は、登録したブックマークを呼び出します。エクスペリエンスがExperience Bに切り替わります。 おまけ 同様に、「他のすべてのアクティビティに対してデフォルトコンテンツを表示」についてもURLパラメーターの「at_preview_listed_activities_only=」の値が異なるだけなので、おまけとして、「他のすべてのアクティビティに対してデフォルトコンテンツを表示」を切り替えられるブックマーク用スクリプトを紹介しておきます。 ・他のすべてのアクティビティに対してデフォルトコンテンツを表示オン javascript:if(location.search.includes(‘at_preview_listed_activities_only=false’)) {location.search=location.search.replace(‘at_preview_listed_activities_only=false’, ‘at_preview_listed_activities_only=true’)} ・他のすべてのアクティビティに対してデフォルトコンテンツを表示オフ javascript:if(location.search.includes(‘at_preview_listed_activities_only=true’)) {location.search=location.search.replace(‘at_preview_listed_activities_only=true’,…

はじめに Adobe TargetのAdministrationメニューにはEnvironmentsという項目があります。あまり見慣れないものですので紹介したいと思います。 Environmentsとは 平たく言うとAdobe Targetを利用している(mboxコールを投げている)環境の定義・設定となります。 ウェブだとホスト毎に割り当てます。アプリだとホストはないため、Adobe Experience Platform Data Collectionのモバイルプロパティ設定やアプリの実装でEnvironment IDを指定します。 デフォルトのEnvironments デフォルトではDevelopment、Staging、Productionの３種類があります。 Production：編集不可 StagingまたはDevelopment：名称やアクティビティモードを編集することができます。  アクティビティモードは以下の２種類が選択可能です。 Active Activities：アクティブなアクティビティ設定のみを配信する Active and Inactive Activities：アクティブおよび非アクティブなアクティビティ設定を配信する  なお、上の３つ以外にもEnvironmentsを追加すること自体は可能です。 Environmentsの主な使い分け 主な使い分けとして以下の２点があります。  ① Adobe Target Recommendationsの環境  Adobe Target RecommendationsではDevelopment、Staging 、Productionでカタログを使い分けることができます。これにより、例えば本番環境用レコメンデーションデータに検証用環境のそれが混ざらないようにする、といった使い分けが可能となります。  ② アクティビティモードの使い分け  前出のアクティビティモードを「Active and Inactive Activities」とする検証環境を運用する、といった場合に用いられます。もっとも、その場合は意図しない非アクティブ状態のアクティビティも動作するため紛らわしいとみなされることが多く、最近はあまり利用されません。※例えば、意図しない非アクティブ状態のアクティビティが検証環境で動作し画面崩れが生じた、といった問題や事例があります。 各HostsのEnvironmentsを確認する こちらはAdministrationメニューのHostsを利用します。WebページにてAdobe Targetのmboxコールが送信された際に、未登録だと自動的にリストに登録されます。その際に割り振られるEnvironmentはEnvironments画面で「★ Defaunt」マークがあるものとなります。（通常はProduction） Hosts画面に登録された後は編集アイコンクリックで別Environmentに切り替えることができます。  参考HELP https://experienceleague.adobe.com/ja/docs/target/using/administer/environments https://experienceleague.adobe.com/ja/docs/target/using/administer/hosts Implement DigitalではAdobe Launchの導入、運用を支援するサービスを提供しています。ご興味がありましたらお問い合わせください。

はじめに Adobe Targetのページにアクセスする際に、Chromeのアドレスバーで「target」と入力すると以前表示していたアクティビティのURLに移動するのですが、どういうわけか「このアクティビティの詳細を表示できません」となってしまいます。さらにページのメニューの箇所もグレーアウトしてアクティビティ一覧などに移動できません。そこで、ブックマークにjavascriptを登録してアクティビティ一覧へ移動する手順を紹介します。 現象について アドレスバーに「target」と入力すると以前表示していたアクティビティのURLに移動した際にこのような表示になります。 スクリプトについて Targetの各ページはURLのhashで管理されているので、location.hashの値を書き換えます。一応、location.hashに「/target/」が含まれているか確認しています。javasciptコンソールでは、location.hashに値を代入するだけで大丈夫なのですが、ブックマーク上ではページのリロードが必要になります。 if (location.hash.includes(‘/target/’)) { location.hash = location.hash.replace(/target(.*)$/, ‘target/activities/activityLibrary’); location.reload() } ブックマークへ登録 ブックマークへは改行・スペースを削除して以下を登録します。 javascript:if(location.hash.includes(‘/target/’)){location.hash=location.hash.replace(/target(.*)$/, ‘target/activities/activityLibrary’);location.reload()} 「ブックマーク」＞「ブックマーク マネージャー」＞（3点リーダー）「新しいブックマークを追加」 ブックマークの呼び出し 「このアクティビティの詳細を表示できません」ページから、登録したブックマークを呼び出します。アクティビティ一覧のページへ移動します。 おまけ 上記のブックマークは、「このアクティビティの詳細を表示できません」ページ以外からも利用できます。おまけとして、オーディエンスライブラリとプロファイルスクリプトへ移動できるブックマーク用スクリプトを紹介しておきます。・オーディエンスライブラリ javascript:if(location.hash.includes(‘/target/’)){location.hash=location.hash.replace(/target(.*)$/, ‘target/audiences/audienceLibrary’);location.reload()} ・プロファイルスクリプト javascript:if(location.hash.includes(‘/target/’)){location.hash=location.hash.replace(/target(.*)$/, ‘target/audiences/profilescripts’);location.reload()} Implement DigitalではAdobe Targetの導入、運用を支援するサービスを提供しています。ご興味がありましたらお問い合わせください。