Blog

「コンテンツのオムニチャネルについて考え始める必要があります。」

「オムニチャネル」というフレーズは、コンテンツに関しては確かに注目を集めています。必要な場所に投稿を作成することにうんざりしている過労のマーケターの心から孵化しました。ストレス（および手根管の可能性）を減らすために、人々はコンテンツをいつどのように作成するかについて賢くなり、最初から複数のチャネルを計画しています。

完全に理にかなっていますよね？誰もが自分の仕事がもう少し簡単で効果的になることを望んでいます。

しかし、それはすべて開発者にとって何を意味するのでしょうか？

インターネットがオムニチャネルを定義する方法

「オムニチャネルは、企業が顧客体験を向上させるために使用するクロスチャネルビジネスモデルです。」 – ウィキペディア（それが本当だとわかるように！）

OK、これはコンテンツを作成および管理するこの新しい方法のかなり良い説明です。これは、さまざまなチャネルにわたって情報を生成し、ユーザーが自分に最も適したメディアで消費できるようにすることを目的としています。これは、この「方法論」によって、企業がコンテンツの作成と管理をより効果的に行えるようにする方法と、顧客とのコミュニケーション方法を定義します。誰もが望む方法で情報を入手できるので、誰もが勝ちます！

だから…それを行うためのシステムを構築するだけで、すべてが素晴らしいものになります！

「本当の」定義

オムニチャネルは、複数のデバイスおよびシステムのコンテンツ配信を計画することとしてより適切に定義されます。それは相互運用性についてです。チャネルはそれぞれ異なるため、正しく機能するには特定のプラットフォームとプロセスが必要です。ウェブ向けのコンテンツは、Alexaに送信するコンテンツとは大きく異なります。さまざまなフォーマットを理解することは、オムニチャネルソリューションを開発するための鍵です。

では、開発者はどのようにそれを行うのでしょうか？

オムニチャネルの計画方法を示すには、いくつかのコンテンツから始める必要があります。オンラインストアの例を見てみましょう。企業は絶えず新製品を販売するようになっており、それらすべてを大衆に宣伝して、次のオプラのお気に入りのエピソードでそれらを拾い上げて配ることができるようにする必要があります。

新製品の販売準備ができたら、マーケティングチームは人々にそれを知ってもらいたいと思うでしょう。つまり、ランディングページ、メールキャンペーン、ツイート、その他のさまざまなコミュニケーションを作成して、できるだけ多くの顧客にリーチします。これらの通信はすべて、どこかに保存し、正しい形式でさまざまな宛先に配信する必要があります。

開発者にとって、ここからコンテンツを保存する場所と、コンテンツを取得して表示する方法について考え始めます。 Kentico Cloudは、ストレージ用の中央のクラウドベースのソリューションを提供することで、これらの多くを処理します。テクノロジーにとらわれないAPIは、取得に最適です。つまり、コンテンツの構造とその表示方法についてのみ心配する必要があります。

それらをいくつかの一般的なチャネルに分解してみましょう。

注意

この記事では、コンテンツを表示するためのさまざまなテクニックを紹介します。私のブログをフォローすると、以前の投稿からこれらのトピックを認識できます。この投稿の背後にあるアイデアは、これらのアイデアを単一のオムニチャネルソリューションに組み合わせる方法を示すことです。

ウェブ

Webは、おそらくあなたが開発する最も簡単で最も馴染みのあるチャネルです。 JavaScript、PHP、または.NETのいずれで作業していても、サイトの作成はコンテンツを配信するための簡単なプロセスです。 Kentico Cloudを使用すると、選択したSDKフレーバーを取得して、コンテンツをすばやく表示できます。

ストレージ

Webコンテンツの保存には、必要に応じてプレーンテキストまたはリッチテキストを選択できます。 Webブラウザーはあらゆる種類のコンテンツを処理できるため、装飾や書式設定を含むリッチテキストを使用できます。 Kentico Cloudでは、 Rich Text要素を使用して、すべての製品情報をフォーマットされたテキストに保存できます。

表示

Kentico Cloudには、コンテンツを「ブロック」に解析するIRichTextContentインターフェイスがあります。これらのブロックを使用して、HTMLコンテンツを表示し、すべてのフォーマットを保持できます。

私の製品表示テンプレートでは、生のコンテンツを記述し、ブロックを結合します。

 
 Description 
 @Html.Raw(string.Join('\n', Model.ProductDescriptionRichText?.Blocks ?? (Model.ProductDescriptionRichText?.Blocks ?? Enumerable.Empty()))) 

結果は、相関するHTMLタグを使用したリッチテキストです。

KenticoCloudを使用したASP.NETCore MVCサイトの作成について詳しくは、 こちらのブログをご覧ください。

モバイル

サイトを運営している場合は、それに合わせてモバイルアプリを使用している可能性があります。最大の課題の1つは、モバイルデバイスにWebコンテンツを表示することです。 HTMLは実際にはWebテクノロジであるため、デバイスに正しく表示するには、コンテンツをより基本的な形式にする必要があります。

ストレージ

Kentico Cloudでは、 Text要素を使用して「シンプルな」モバイルコンテンツを表示できます。このコンテンツはより基本的なものになり、フォーマットせずにテキストのみを表示します。

表示

コンテンツを表示するために、一般的なラベルとテキストボックスコントロールを使用してデバイスに表示できます。私のデモでは、次のコードを使用してXamarinアプリケーションのコンテンツを表示しています。

アプリケーション内でのコンテンツの外観は次のとおりです。

Kentico Cloudを使用したXamarinアプリの構築について詳しくは、 こちらのブログをご覧ください。

ツイッター

ソーシャルメディアに関しては、すべてのコンテンツルールがウィンドウの外に投げ出されます。文字数制限、独自のフォーマット、ソーシャルフェイクパスがあるため、開発者はコンテンツがTwitter、Instagram、その他のチャネルにどのように投稿されるかを本当に考える必要があります。これは、特定の要素にコンテンツを保存し、有効なデータのみが入力されるようにすることを意味します。

ストレージ

Twitterの場合、文字数制限がすべてです。 Kentico Cloudでは、Text要素のCharacter Limitプロパティを利用して、編集者が有効なコンテンツを入力できるようにすることができます。

表示

Twitterに投稿する方法は無数にあります。私のデモでは、Azure Logic App + Webhookアプローチを選択しました。まず、ソーシャルの説明を取得するためにAzure関数を作成しました。

 // Get request body var codename = req.Content.ReadAsStringAsync().Result; DeliveryClient client = new DeliveryClient('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'); // Get the details from Kentico Cloud DeliveryItemResponse response = await client.GetItemAsync(codename); if(response != null) { var item = response.Item; strTweet = item.GetString('product_description___social_text'); log.Info(strTweet); } return strTweet == '' ? req.CreateResponse(HttpStatusCode.BadRequest, 'No body posted') : req.CreateResponse(HttpStatusCode.OK, strTweet);

次に、Webhook通知を処理するAzure LogicAppを作成しました。アプリはアクションを検証してから、Azure関数を呼び出してソーシャルディスクリプションを取得します。これにより、アプリは組み込みのアクションを使用してTwitterに直接投稿します。

最後に、Kentico Cloudプロジェクトで、ロジックアプリを指す新しいWebhookを作成しました。

Kentico Cloudでコンテンツが更新されると、ロジックアプリに通知され、投稿アクションが開始されます。

KenticoCloudでのAzureLogic Appsの使用について詳しくは、 こちらのブログをご覧ください。

まとめ

コンテンツが表示されるすべての場所の計画は大変な仕事です。幸いなことに、オムニチャネルに関しては、Kentico Cloudがカバーしています！情報を保存および配信するための複数の方法により、あらゆる媒体に合わせてプロジェクトを簡単に構成できます。文字数制限と必須フィールドを活用することで、編集者が入力したデータが正しく表示されるようにすることができます。この記事が、複数の開発手法を組み合わせて完全なオムニチャネルソリューションにする方法を示したことを願っています。がんばろう！