キャンバスでリンクと YouTube 埋め込みを使う

リンクは、外部の素材を見えるキャンバス文脈に変えます。リンクオブジェクトは、ソースに応じて、Web サイトカード、再生可能なマルチメディア埋め込み、または安全なリンクを開くカードとして表示できます。YouTube オブジェクトも基本的な考え方は同じです。キャンバスにはプレビュー可能な YouTube 動画への参照が置かれ、実際の動画は YouTube に属したままです。

チームが外部素材をその場で議論する必要があるときは、リンクオブジェクトや YouTube オブジェクトを使います。調査メモの横に顧客記事を置く、スクリーンショットの横に競合ページを置く、ワークショップの問いの横に YouTube の参考動画を置く、意思決定の近くにデザインソースのリンクを置く、といった使い方です。

キャンバス上の 3 種類のリンク体験

ALLO では、関連するいくつかの意味で「リンク」という言葉を使います。それぞれは意図的に異なるものです。

リッチテキストリンクまたはオブジェクトリンクを追加するとき、リンク先には別の ALLO キャンバス、サブキャンバス、外部 Web サイトを指定できます。キャンバスのリンク先には引き続きアクセス権が必要です。外部 Web サイトには、そのサイト自身のサインイン、プライバシー、可用性のルールが適用されます。オブジェクトメニューからリンクをコピーを使う場合、通常は選択したオブジェクト自体への直接 ALLO リンクをコピーしており、そのオブジェクトが開くリンク先を変更しているわけではありません。

利用条件と権限

リンクオブジェクトと YouTube オブジェクト

通常のリンクオブジェクトは、Web サイトまたは外部リソースを指します。ALLO はリンクを分類し、有用なメタデータを取得して、読みやすいカードとして表示しようとします。ソースによっては、カードにタイトル、サムネイル、プロバイダー固有の表示、または安全にリンクを開く操作が含まれることがあります。

YouTube オブジェクトは YouTube 動画を指します。ツールバーには、タイトル、チャンネル、再生時間、公開日、サムネイルを含む YouTube 検索結果を表示できます。キャンバスに追加すると、対応している場合は埋め込みプレイヤー経路で動画をプレビューでき、YouTube で動画を開くためのリンクを開くも利用できます。

どちらのオブジェクトタイプもキャンバスに接続されたままです。利用できる場合は、オブジェクトメニューから、移動、サイズ変更、重なり順、グループ化、ロック、複製、削除、オブジェクトへのリンクのコピー、コメント追加ができます。

Web サイトリンクを追加する

キャンバスツールバーのリンクツールを使う、URL を貼り付ける、別のページから対応リンクをドラッグする、または利用可能なアップロードリンクオプションを使います。ALLO はまずオブジェクトを作成し、その後ソースを分類して解析するため、カードはプレーンな URL からよりリッチなオブジェクトへ更新されます。

example.com のようにプロトコルのないドメインを入力すると、ALLO は http://example.com/ として扱います。HTTPS の宛先が必要な場合は、https:// を明示的に入力してください。

リンクの分類に少し時間がかかる場合、オブジェクトには読み込み状態が表示されることがあります。これはリンクが失敗したという意味ではありません。プロバイダー固有の分類を利用できない場合でも、ALLO は一般的な Web サイトメタデータにフォールバックできます。

複数のリンクを含むページを貼り付けると、ALLO は通常のインライン引用をテキスト内に保ちながら、主な独立リンクをカードに昇格しようとします。これにより、貼り付けた記事や Web ページが無関係なカードだらけになるのを防ぎます。

テキストリンクでは、リンクしたい語句を選択してリンクコントロール、Macの ⌘K、Windows/Linuxの Ctrl+K を使います。対応するリッチテキストエディターでは、完全な Web アドレスを入力して Space または Enter を押したときに、ALLO がリンクに変換することもあります。ノート、テキストオブジェクト、セル、コメント、チャット全体で共通するテキストリンクの動作については、リッチテキストエディターを使うを参照してください。安全な http と https リンクは許可されます。通常ではない、または安全ではないスキームはクリック可能にせず無視されます。

リンクのそばに短い注釈を添えると、何のために開くのかが伝わります。

YouTube 動画を追加する

キャンバスが対応している場合は、YouTube ツールを使うか YouTube URL を貼り付けます。検索結果には、配置前に正しい動画を選べるだけの文脈として、タイトル、チャンネル、再生時間、公開日、サムネイルが表示されます。

配置後、オブジェクトは他のキャンバスオブジェクトと同じように動作します。動画を、支援するプロンプト、ノート、セクションの近くに置きます。動画の理由が明確でない場合は、短いラベルを追加します。ワークショップ進行では、参加者が何に注目すべきか分かるように、タイミングメモや議論の問いの近くに動画を置きます。

プレビュープレイヤーは、対応している場合に埋め込み YouTube URL を使えます。埋め込みプレイヤーを読み込めない場合は、リンクを開くを使って YouTube で視聴します。一部の再生動作は、ブラウザ、YouTube、閲覧者自身の YouTube 権限や設定によって制御されます。

YouTubeの参考動画やステッカーも、ほかの素材と一緒にキャンバスに置けます。

プレビュー、開く、置き換える

キャンバスからリンクを確認したい場合は、プレビューを使います。プレビュー画面には、通常の Web サイト向けのリッチカード、対応しているマルチメディア埋め込みのインライン iframe、または ALLO がページを安全にインライン表示できない場合のリンクを開くカードが表示されます。

元のサイトが必要な場合は、リンクを開くを使います。これは、サインインフロー、インタラクティブな Web サイト、埋め込みをブロックする Web サイト、独自の Cookie や権限が必要なソースで重要です。リンクを開くと、ALLO のプレビュー安全境界を離れ、外部サイトを直接使います。

URL が変わったがオブジェクトは同じ場所に残したい場合は、リンクを置き換えを使います。コメント、ラベル、周囲のノートがすでにそのリンクを指している場合、オブジェクトを削除して作り直すよりも置き換えの方が適しています。

埋め込みと iframe の注意点

すべての Web サイトが ALLO 内に表示できるわけではありません。一部のサイトは iframe をブロックしたり、サインインを要求したり、サンドボックス化されたビューを拒否したり、元のサイトでしか使えないブラウザ機能を必要としたりします。その場合、ALLO は空白や安全ではない埋め込みページではなく、カードとリンクを開く操作を表示して、リンクを有用なままにするべきです。

ALLO はプレビュー URL とリンクを開く URL もサニタイズします。安全ではないスキームはレンダリングせずブロックされます。そのため、コピーしたスニペットや通常ではない URL は、リンクのように見えてもプレビューできないことがあります。

YouTube のような信頼済みのマルチメディアソースでは、ALLO はプロバイダー固有の iframe 動作を使えます。通常の Web サイトでは、ALLO はより慎重です。リンクを開くを備えた Web サイトカードは、劣化した結果ではなく、正しい結果であることがよくあります。

外部素材を中心に共同作業する

リンクは、なぜそのリンクがそこにあるのかをキャンバスが説明しているときに最も役立ちます。リンクオブジェクトは、それが支える意思決定、調査メモ、アジェンダ項目の近くに置きます。タイトルだけでは足りない場合は、「競合価格の参考資料」や「顧客インタビューのクリップ」のようなラベルを追加します。

外部素材に属するフィードバックには、オブジェクトコメントを使います。「この主張を確認」「0:45 の例を使う」「このページは前回レビューから変更された」などです。誰かの対応が必要な場合は、コメントとメンションを使います。

キャンバスを外部共有するときは、元の Web サイトを開けるかどうかも外部サイトの権限に依存することを忘れないでください。ALLO キャンバスにアクセスできても、非公開の Google ドキュメント、YouTube の制限、ペイウォール、会社ログインでブロックされることがあります。

リンクオブジェクトとキャンバス共有リンクを混同しないでください。リンクオブジェクトまたは YouTube オブジェクトのリンクをコピーは、相手をその正確な ALLO オブジェクトへ戻すもので、通常は既存のキャンバスアクセス権が必要です。正確なオブジェクトリンク、共有リンク、またはその両方のどれを送るべきか判断する必要がある場合は、キャンバスのプライベートリンクと共有リンクを使います。

例

調査の統合では、ソース記事を要約ノートの横に置きます。コメントを使って、どの主張に検証が必要か、どのソースが最終ブリーフで承認済みかを示します。

ワークショップでは、YouTube 動画を議論の問いとタイマーメモの横に置きます。参加者には、チャットで反応を送る代わりに、オブジェクトにコメントするか、その下にノートを追加してもらいます。

プロジェクト計画では、要件メモの近くにベンダーリンクを置き、チームメイトに正確な参考資料を 1 つレビューしてもらうときは、そのオブジェクトのリンクをコピーを使います。

問題が起きたとき

Web サイトカードがまったく埋まらない場合、ソースがメタデータ取得をブロックしている、パーサーが失敗した、またはリンクにサインインが必要な可能性があります。プレーンなリンクのままにするか、リンクを開くを使います。

YouTube 動画がプレビューで再生されない場合は、YouTube で開いてください。ブラウザの自動再生ルール、YouTube の制限、埋め込み権限が再生に影響することがあります。

外部サイトは開くが権限エラーが表示される場合は、そのサイト側でアクセス権を修正してください。ALLO キャンバスへのアクセス権は、外部サービスへのアクセス権を付与しません。

リンクを置き換えが表示されない場合、選択中のオブジェクトが置き換え可能なリンクオブジェクトではない、編集権限がない、またはオブジェクトがまだ処理中の可能性があります。

リッチテキストリンク操作が表示されない場合は、編集可能なテキスト内をクリックするか、先にテキストを選択してください。オブジェクトの境界を選択している場合、ALLO はテキストリンク操作ではなくオブジェクト操作を表示することがあります。

貼り付けた Web ページからリンクオブジェクトが多すぎる、または少なすぎる場合は、重要な URL を直接貼り付けます。Web サイト由来のリッチ HTML には、オーバーレイ、繰り返しリンク、引用リンクが含まれることがあり、ALLO はそれらをフィルタリングする必要があります。