「H5 マーケティング」についてあなたに話し続けているその友人とは、もう会う必要はありません。

私は長年マーケティング分野で働いており、友人の輪が日々繁栄していくのを見てきました。マーケティング担当者の大半は、HTML5 についてまだ表面的な理解しかなく、どうしても騙されてしまうことに気づきました。そこで、少しでもお役に立てればと思い、自分の考えをいくつか書き留めてみました。

▼彼らが言う「H5マーケティング」とは一体何なのでしょうか？

「H5 マーケティング」についてよく話す友人に尋ねても、彼は間違いなくそれを明確に説明することはできないでしょう。

実際、Wikipedia、Google、Quora、海外のマーケティング専門サイトなどで検索してみましたが、この言葉は全く見つかりませんでした。では、中国で大々的に宣伝されている H5 マーケティングとは何でしょうか?真実を取り戻すよう努めましょう。

次のようなものです:

テンセントビデオVビジョンカンファレンス招待状

「H5 マーケティング」と呼ばれるものは、実際にはモバイル Web ページの制作です。もっと具体的に言えば、特定のインタラクティブ効果を備えたモバイル マーケティング Web ページの制作です。 「H5 マーケティングに最も優れている」これらの企業は、どのようなことを行っているのでしょうか?大まかなアイデアを伝えると、テンプレートやカスタマイズ、セミカスタムの方法を使用してすぐに作成してくれます。もちろん、品質はさまざまです。効果が良いか悪いかは、需要者が負担しなければなりません。

「H5マーケティング」は本当に流行りすぎで、みんながウェブサイトを作っていた時代と同じように、長年箱の底に閉じ込められていたフロントエンドエンジニアにも人気をもたらしました。

業界の技術専門家が HTML5 の概念を皆に説明するために登場したのを見たことがあります。正式名称は HyperText Markup Language (HTML) で、Hypertext Markup Language の 5 番目のメジャー リビジョンです。 H5 という用語は海外でも使用されていないため、H5 と呼ぶのをやめるよう全員に依頼してください。HTML5 と呼ぶべきです。非常にプロフェッショナルに見えるかもしれませんが、デジタルマーケティングの観点から見ると、実際には不正確です。

現在マーケティングの世界で使用されている漠然とした一般用語「H5」は、HTML5 標準の範囲をはるかに超えています。技術的に言えば、これは実際には HTML5 + CSS3 + JavaScript の組み合わせであり、具体的には特定の特殊効果を含むモバイル マーケティング Web ページです。

私の個人的な意見としては、誰もがこのタイプのモバイル マーケティング Web ページを H5 と呼ぶことに反対しません。結局のところ、HTML5 を使用して要約することは、より適切であるとは思えませんし、H5 ほど単純で便利でもありません。

しかし、真にプロフェッショナルなマーケティング実践者は、「H5 マーケティング」という用語を避けるべきです (詐欺師を除く)。よく考えてみると、いわゆる「H5マーケティング」というのは、単に数ページをかっこよく作るということなのでしょうか？

誰もが創造性、コピーライティング、グラフィックやインタラクティブなデザイン、技術的な実装で競い合っているのはわかりますが、ユーザーの洞察、ターゲット設定、プロモーション戦略、ランディングページの最適化、効果評価など、マーケティングの実際の作業は見落とされがちです。 「H5」を実施すればするほど、マーケティングは消費者から始めなければならないということを忘れてしまいます。

消費者のブランドマーケティング活動への期待：ブランドは、有用で必要かつ興味深い情報とインタラクティブな参加を提供しなければなりません。究極のブランドは、ユニークな参加体験を生み出せるはずです。

では、消費者はどのように参加するのでしょうか?クールなブランド表示を数ページするだけで十分でしょうか?もちろん違います。消費者の間でブランド価値を創造するにはどうすればよいでしょうか? H5 の生産に加えて、他のタスクも必要です。

ご存知のように、いわゆる「H5 マーケティング」はモバイル マーケティングのサブセットにすぎません。言い換えれば、HTML5 はモバイル マーケティングに最適なコンテンツ キャリアです。

さらに、HTML5+CSS3+JavaScript でほぼすべての Web アニメーション機能を実現できます。これらには独自の役割分担があり、HTML5 は Web ページ内の要素 (タイトル、段落、表など) をマークする役割を担い、CSS3 は Web ページのスタイルとレイアウトを担当し、JavaScript は HTML5 Web ページのインタラクティブ性を高める役割を担っています。理論的には、この黄金のコンビは、スクリプトと制作レベルが十分に高ければ、Web ベースのあらゆる動的効果を実現し、漫画や映画を制作することができます。

クールな演出や創造性においても、海外は実は国内の一流制作陣より数光年先を進んでいる。

私が見つけたいくつかのケースを見てみましょう:

画像をクリックするとすべてのケースが開きます。サーバーが海外にあるため、開く速度は遅くなりますが、辛抱強く待つ価値は間違いなくあります

冬が近づいてきました

Airbnb でつながる世界

バラバラに

以下に、考えてみる価値のある質問をいくつか挙げます。

▼ なぜHTML5をやりたいのですか？

「ホリデーシーズンです。ホットスポットが到来し、誰もがブラウジングしています...」

「上司に頼まれたから。」

「最近では、H5 をいくつか作成して GIF をいくつか送信しないと、デジタル マーケティングを行っていると言うのは恥ずかしいでしょう。」

「予算を使いすぎて効果がないのも良くありませんが、お金をまったく使わないのも良くありません。マーケティング部門は何かやらなければならないことがあるので、H5 をいくつか作ってみてはいかがでしょうか。何しろ、作った後は誰もが見ることができるのですから。」

…

ただこれだけの理由で？もちろん違います。

モバイル側では、主流のブラウザと Web ビュー対応アプリ (特に WeChat) が HTML5 を最もよくサポートしており、モバイル側でクリエイティブなコンテンツを実行するにはこれより良い方法はありません。 2014年から2015年にかけての2年間の開発と多額の資本の投入を経て、YiQixiu、MAKA、TuZhan、Interactive Masterなどが提供するテンプレートとツールプラットフォームにより、初期のカスタム開発コストが数十万から1桁に削減されました。複雑なカスタマイズ要件がない場合、基本的にゼロコード開発を実現できます。

他のコンテンツ キャリア形式を見ると、従来のビデオ TVC には、制作サイクルが長い、変更が不便、インタラクティブ性に欠けるなどの欠点があります。一方、より最先端のインタラクティブ ビデオ、仮想現実、拡張現実 (VR/AR) テクノロジはまだ普及しておらず、コストが高く、制作サイクルが長く、業界にベスト プラクティスがあまりありません。現在、H5は平均3～5日で完成します。カスタマイズが必要な場合でも、通常は1～2週間程度で完成します。

H5 (HTML5+CSS3+JavaScript) は、今後も長い間、モバイル マーケティングの戦場で主流の地位を占め続けると予想されます。

▼ HTML5の現在の普及状況は？

1. 先駆的なインタラクティブ形式と技術的実装

例えば、2014年のMAKAの招待状、雲来のテスラ、そしてエグレットエンジンを取り囲む緊張した猫たち、

今年、Wは数件の点評事件とクリス・ウーとの様々な交流事件を起こした。

私たちが目にした多くの素晴らしい h5 ケースの原動力となっているのは、主に業界トップレベルの生産力を誇るこれらのチームです。その背後にある論理は単純です。これは私の能力なので、もちろんみんなに見せたいのです。言い換えれば、これは HTML5 制作チームにとってのマーケティング プロセスでもありますが、マーケティングされるのは HTML5 の創造性やインタラクティブ テクノロジーそのものである点が異なります。

世間はこのような新しいものを広めることを喜びます。積極的に革新を起こし、そのような事例を作成した初期のチームは、コミュニケーションから多くの利益を享受しました。マーケティング業界の友人たちも、このような事例を広め、学ぶことに熱心です。これらの事例に対する彼らの一般的な反応は、「H5 はこのようにできるんだ! このようにもできるのか?」というものです。

これらのチームは、多数の企業や一般消費者がモバイル コンテンツの表示形式として HTML5 を受け入れることに大きく貢献しました。しかし、その裏側には、若手マーケティング担当者を誤解させる側面もあり、インタラクティブ テクノロジーのプレゼンテーション自体に夢中になり、消費者とのコミュニケーションの本質を無視してしまう可能性が高くなります。

参加者: HTML5業界のクリエイティブおよび技術企業

特徴: 一般的に、より革新的な視覚的およびインタラクティブな形式を備えています。

2. クリエイティブ主導の制作＋大規模転送

バンドワゴンの事例の多くはこのカテゴリに属し、人々は気づかないうちに不幸な犠牲者になります。こうしたケースは、一般的には同業者間の競争や「創造的な参照と借用」、さらには広告業界における自己満足から生じています。

今日は、クリス・ウーとつながるために見知らぬ人に電話をかけてみませんか？よし、明日は作ってファン・ビンビンにおやすみなさいを言うよ。

なぜこのような現象が起こるのでしょうか?大手ブランドは、消費者とのコミュニケーションや交流を図るために、ブランド維持、さまざまなクリエイティブコンテンツや活動の創出に毎年多額の予算を費やしていることがわかっています。そのため、多数のクリエイティブエージェンシーや個人と「長期的な協力」関係を築き、さまざまなインタラクティブなKPI要件を満たすことになります。

これは非常に意義のあることであったはずなのですが、優れたクリエイティブ人材の不足、人材の質のばらつき、審査基準のばらつき、無理なKPI志向などにより、トレンドを追って創造性を競うだけのコンテストになってしまいました。

もちろん、均質なクリエイティブアイデアを大量に出しても、積極的な普及効果は得られないので、問題はありません。予算があるのだから、「大きなサイズを買う」ことや「宣伝する」ことはできます。

このタイプのH5の仕事は、プロモーションや発信をクリエイティブチームに頼ることが多く、ビジネスの本質から外れてしまう傾向があり、クリエイティブそのものに重点が置かれ、消費者を置き去りにしてしまうのです。企業にとってはマーケティングリソースの無駄遣いとなり、消費者にとっては大量の情報干渉を受け入れることを余儀なくされます。

参加者: 伝統的な大手ブランドと広告代理店

特徴：ホットスポットの追求、大規模な生産と投資、創造性主導

3. ターゲットユーザーに共感され、自己増殖できるものはほとんどない

例えば：

これは今年の子供の日に「51 talk」が作成した H5 ベースのキャンペーンです。見てみましょう:

子供の日

この低予算作品はクールではなく、デザインも精巧さに欠けます。しかし、今年の子供の日にはすぐに友人たちの輪を占領し、80年代以降の世代の集合的な記憶を呼び起こし、良い評判と反響を形成しました。

まずは51Talkの主な事業について見てみましょう。51Talkはオンライン英語トレーニングブランドであり、主な事業は本物の外国人講師によるオンラインマンツーマントレーニングサービスです。したがって、この H5 の創造性は英語学習とうまく組み合わされています。

ターゲットオーディエンスの選択を見てみましょう。

80年代生まれ。そこには、入社2～3年のホワイトカラー労働者や、7～10年勤務しキャリアアップ段階にあるエリート層などが含まれており、この年齢層は51Talkの潜在的ユーザーとかなり重なっています。したがって、この H5 の創造的なポイントは、80 年代以降の世代の懐かしい思い出を呼び起こすことです。中学校の英語の教科書から始めて、過去の思い出を動員するだけでなく、新しい形式で相互作用し、子供の日という特別な機会に爆発する準備ができています。

51talk のソーシャル マーケティング責任者 Tim 氏は、制作プロセス全体を次のように説明しました。

「私たちは全部で3人で、1週間以上断続的に創作作業に取り組みました。その後、本を購入し、2回めくって切り分け、概要を準備しました。創作部分は自分たちで行い、制作費は約3万元、大判には6万～7万元かかりました。」

このオンライン マーケティング キャンペーンのコストを計算してみましょう。

創造性：20,000元（週3人の人件費に基づいて推定）

制作：3W

中: 6-7W

モバイルソーシャルプラットフォームをベースとしたこのマーケティングキャンペーン（H5マーケティングとは言えませんが）の費用は12万元です。

最後に、全体的な効果を見てみましょう。

このオンラインキャンペーンの当初の目標は50万PVでした。こどもの日前後1週間のページビューは350万、現在までのPV​​は550万、ユニークビジットUVは290万、登録者数は6,000人です。

これは数字上の直接的な効果に過ぎず、ブランド価値の向上への影響はまだ考慮も推定もされていません。

このタイプのケースは、一般的に実用的な結果を追求します。簡単に言えば、目標をより明確に考え、十分な準備をすれば、自然に少ない資金で大きな成果を達成できるようになります。もちろん、ターゲットユーザーや業界、自社のビジネスを理解するなど、しっかりとした基礎スキルは不可欠です。

参加者：実践的な成果を追求する中堅企業やインターネット企業が中心。

特徴: ユーザーから始まり、低コストで合理的な投資で、マーケティング担当者は業界を理解し、製品やサービスと密接に統合し、自ら実行します。

はい、業界やビジネスへの理解、ユーザーへの洞察、マーケティング戦略の策定、創造性と制作、イベント企画、コミュニケーション戦略などです。あらゆるリンクは不可欠です。 H5 の製造は実際にはプロセスの一部にすぎません。モバイル ソーシャル プラットフォームに基づくこの種のマーケティング キャンペーンを今でも「H5 マーケティング」と呼んでいますか?

▼ 企業における HTML5 の活用とは？

HTML5 はまさにモバイル コンテンツの自然な伝達手段です。

最近、Yunlai の創設者である Chen Pengfei 氏と話をしたのですが、HTML5 の普及には、使いやすさ、有用性、一般的な使用という 3 つの段階を経る必要があるという見解に強く同意しました。現時点では、使えるということが一般的に認識されている段階ですが、多くの場合、私たちは比較的盲目で、十分に使いこなせていません。

では、どのような状況で HTML5 を使用する必要があるのでしょうか?

モバイル シナリオ: Web サイトの構築、招待状/イベント登録、日々のコンテンツ、記者会見、採用、フォーラムやサミット、製品紹介... すべてがモバイル ソーシャル ビジネス シナリオに基づいていると言えます。 PC 時代の Web サイトが実行できることはすべて、HTML5 ではモバイル デバイスでも実行できます。ウェブサイトの構築は単なる最初のステップにすぎません。重要なのは、ビジネス プロセスとユーザー コンタクト ポイントのユーザー シナリオとどのようにうまく統合するかです。

コンテンツのメインストーリーがデザインされたので、ユーザーとのコミュニケーションやインタラクションをどのようにデザインすればよいでしょうか?データをどのように収集し、そのデータをどう有効活用し、ユーザーエクスペリエンスの観点から製品やサービスを改善し、取引をどのように形成するか。

これらはすべて HTML5 をベースにできますが、HTML5 に限定されません。できることはまだたくさんあります。現在、業界では HTML5 テクノロジ自体が過大評価されていますが、モバイル ソーシャル マーケティング業界全体を見ると、HTML5 に基づいて実行できることはまだ始まったばかりです。

業界の中にはこれを「クリエイティブなコンテンツ マーケティングの最後の手段」と例える人もいますが、私はむしろ「モバイル時代のコンテンツ マーケティングに最適なコート」と呼びたいです。

▼ HTML5はモバイル時代でも輝き続ける

今では誰もが少なくとも 1 台のスマートフォンを所有しており、モバイル トラフィックは PC トラフィックを上回っています。広い意味では、H5 は HTML5、CSS3、JavaScript テクノロジの新世代の総合を表しています。

モバイル時代における HTML5 の利点については、業界では Flash と比較した分析記事が多数あるため、ここでは詳細には触れません。

要約すると、これはクロスプラットフォーム (画面サイズや解像度が異なるさまざまなモバイル デバイスに適応および互換性がある)、レスポンシブ デザイン (リアルタイムで変更可能)、およびクロス オペレーティング システム (オペレーティング システムやブラウザーによって制限されない) に他なりません。

PC ではオンライン情報を閲覧するためにブラウザに依存していることは周知の事実であり、そのため Google や Baidu などのスーパー ポータルが存在します。しかし、モバイルデバイスでオンライン情報を閲覧する場合、さまざまなシナリオで使用するアプリがメディアになります。 WeChat、Weibo、 Tmall 、JD.com、ニュースクライアント。 Web ビューをサポートするすべてのアプリは、HTML5 テクノロジーを完全に使用できます。原理的には、モバイル デバイスにおける HTML5 テクノロジのユーザー シナリオは無限です。現在使用しているアプリはすべて、HTML5 を使用して開発できる可能性があります。

HTML5 のプレゼンテーションは必ずしもブラウザに依存するものではありません。HTML5 でコンテンツを作成する場合、現在の主流ブラウザがサポートする優れた環境に加えて、ブラウザ以外の形式でも閲覧でき、ブラウザの制限を突破します。

2 年間の誇大宣伝と人気を経て、HTML5 は、スーパー トラフィックの入り口がなく、動作がシナリオの要求によってトリガーされるモバイル インターネット時代において、デジタル マーケティングやモバイル マーケティングの世界で輝き続けるでしょう。

この記事を書くにあたり、私は Zhihu の Egret Engine の技術パートナーである Ma Jian 氏の回答も部分的に参考にしました。この回答では、Flash と HTML5 の技術開発について非常に詳しく説明されています。元の投稿はこちらです。ぜひ読んでみてください。

未来は HTML5 の時代か、それとも Flash の時代か?

ここまで長々と話しましたが、それはただ次のことをお伝えするためです。

1.実際のところ、世の中に「H5 マーケティング」というものは存在しません。マーケティング業界で現在 H5 と呼ばれているものは、HTML5、CSS3、JavaScript の集合、より正確には、特定の動的効果を含むモバイル マーケティング Web ページを指します。いわゆる「H5 マーケティング」は、モバイル マーケティングのサブセットにすぎません。

2.モバイル マーケティング キャンペーンを成功させるには、業界とビジネスの理解、ユーザーに対する洞察、マーケティング戦略の策定、クリエイティブ コンテンツと制作、イベントの計画と実行、コミュニケーション戦略、メディア チャネルなど、あらゆるリンクが不可欠です。 H5 の製造は実際にはプロセスの一部にすぎません。

3. HTML5 はまさにモバイル コンテンツの自然な伝達手段です。現在、マーケティング業界でのその使用はまだ非常に表面的な段階にあります。クロスプラットフォーム、レスポンシブデザイン、クロスオペレーティングシステム、およびWebページ自体のインタラクティブ機能に過ぎません。将来的に活用および調査される価値はまだ大きく残っています。