サポート担当の井上です。今日は大規模なスポーツメディアがどのように最新版のDrupalに移行したのかをご案内します。このメディアの主な収益源は広告と有料版購読になりますが、各種外部サービスとの連携の事例としても参考にしていただければと思います。海外事例:road.ccroad.ccは、英国のロードサイクリングのウェブサイトで、月間400万PV以上、の月間100万ユニークユーザー数を誇るサイトです。過去5年間で4回、最高のサイクリングサイトに選ばれました。サイトはロードサイクリングをあらゆる側面からカバーし、ニュース、レビュー、バイヤー向け情報、ブログ、ビデオ、分類された広告、イベント、フォーラムを提供しています。6サイトを完全に再設計し、200,000人以のコンテンツととユーザーの移行を実施しました。6から7へのアップグレードプロジェクトでしたので、Drupalを使用する事は必然でした。7に移行し、モバイルデバイスに対応したテーマにアップグレードすることでした。これには、以下を含む多くの要件が含まれていました。7サイトに移行するために必要な膨大な量のコンテンツが存在しました。これには、155,000以上のノードと56,000人のユーザー、ファイル、カテゴリーおよびコメントが含まれます。サイト移行に伴う最も複雑な作業の1つは、新しいサイトにイメージギャラリーを実装することでした。画像ギャラリーはroad.ccの至る所で使用されているため、サイトの重要なコンテンツです。managementモジュールを使用しました。このモジュールは、あらゆるメディアタイプをドラッグアンドドロップにより簡単に管理することを可能にする、非常に使いやすいメディアライブラリインターフェイスを提供します。boxにホストしたDrupalを使用し、ブラウザ上で直接新しいサイトのプロトタイプを開発しました。これにより、クライアントはPSDの画像を見直すよりもずっと早くデザインを手に取り、これに基づいて意思決定を行うことができました。7のサイトは、デスクトップPC、タブレット、携帯電話のいずれのデバイスにおいても、綺麗に表示され、優れた拡張性も備えています。モバイルサイト全体を綺麗に見せる際に最も難しい事の1つは、多くのメニュー項目をユーザーに使いやすく実装する事でした。解決策として、デスクトップ表示時にはメガメニューシステムを使用し、モバイルデバイスで表示時にはタッチにより階層構造を持つメニュー項目を辿る事のできるメニューを実装することでした。外部サービス連携road.ccの主な収益源は、広告スペースの販売です。そのため、ADTECHとSkimlinksの実装は必要不可欠なプロセスでした。ADTECHの広告は、画面サイズによって動的に表示されるページ上のブロック内に表示されます。デスクトップ上ではサイドバーに表示され、モバイル上ではテキストの本文に表示されます。このサイトはユーザーが、オンラインでroad.ccクラブへの有料購読版を購入できるようにPaypalと統合されています。Paypalの即時支払い通知(IPN)システムを設定することにより、トランザクションが正常に完了したときにroad.ccに通知し、PayPalから戻ってきたデータを確認して、支払いを完了したメンバーは各種特典、割引、ニュースなどのプレミアムコンテンツにアクセスする事が可能になります。新しいroad.ccサイトは、Drupalに最適化された高可用性PHPクラウドホスティングプラットフォームであるPlatform.sh上にホストされています。Platform.shはBitbucketやCodeshipなど、いくつかの開発ツールと統合されているため、新しいfeatureブランチが作成されるたびに無制限の開発環境とステージング環境を即座に立ち上げることができます。終わりに今回の事例では外部サービスとの連携がポイントでした。Drupalはそれ単独でも十分に優れたプラットフォームですが、他のwebサービスと連携をする事でさらなる価値を生み出すことができます。弊社によるDrupalと外部サービスの事例G空間情報センターでは問い合わせフォームとRedmineとの連携機能を実装する事で、問い合わせ内容を自動でチケット化する機能を備えています。APIをサポートしているため、逆に外部サービスからDrupalへデータを送信することも可能になっています。InoueANNAI株式会社マーケティングマネージャーサービスの設計・企画、マーケティング、採用戦略の立案などを担当。普段は新潟で猫と一緒に、時々海外からリモートで働いています。好きなモジュールはRulesとFlagです。7(47)イベント(22)マーケティング(11)セキュリティ(38)Webガバナンス(5)リモートワーク(10)ANNAIカルチャー(22)Drupal(136)ドゥルーパル(110)ドルーパル(110)ウェブサイトに関することならお気軽にご相談くださいお問い合わせお見積のご依頼や詳しい内容のご相談、取材などに関することはお問い合わせをご利用ください。