外部ウェブページへの Cacoo の図の埋め込み

シートを個別の画像として埋め込む

図全体を埋め込む

表示する画像・ビューアーのサイズを変更する

 

図をブログに投稿したり、ウェブサイトや社内で共有するときに、ウェブページに図を埋め込むことができます。

 

シートを個別の画像として埋め込む

画像リンクを利用して、図をPNG画像として1シートごとに埋め込むことができます。方法は次のとおりです。

  1. 共有したい図を開き、右上の「共有」ボタンをクリックします。表示された共有ダイアログの「図へのリンク」タブを選びます。
  2. インターネット上でシートを公開する場合、「公開リンク」ボタンを有効にし、「閲覧可」に設定します。誰でも図が閲覧できる状態になります。
    ※ 既にCacooで図の共有設定を行っている特定の相手とだけ図を共有する場合、この作業は不要です。
  3. 画像リンクを作成したいシートを「画像リンクと埋め込みコード」項目のプルダウンから選択し、「リンクを作成する」をクリックします。
  4. 「画像リンク」欄に画像リンク用URLが生成されます。「リンクをコピー」をクリックすると、画像リンクがクリップボードにコピーされます。
  5. ウェブサイトの HTML に <img> タグを追加し、コピーされた URL を src に指定してください。ウェブサイトで画像が表示されます。

 

図全体を埋め込む

埋め込みコードを使って、図全体を埋め込むことができます。方法は次のとおりです。

  1. 共有したい図を開き、右上の「共有」ボタンをクリックします。表示された共有ダイアログの「図へのリンク」タブを選びます。
  2. インターネット上でシートを公開する場合、「公開リンク」ボタンを有効にし、「閲覧可」に設定します。誰でも図が閲覧できる状態になります。
    ※ 既にCacooで図の共有設定を行っている特定の相手とだけ図を共有する場合、この作業は不要です。
  3. 図を埋め込んだ際に最初に表示させたいシートを「画像リンクと埋め込みコード」項目のプルダウンから選択し、「リンクを作成」をクリックします。
  4. 「埋め込みコード」欄に埋め込み用のiframeタグが生成されます。「リンクをコピー」をクリックすると、iframeタグがクリップボードにコピーされます。
  5. ウェブサイトのHTMLにコピーしたiframeタグを貼り付けます。
    シート切り替えボタン(◀▶)の付いた400x300サイズのビューアがウェブサイトに埋め込まれ、全てのシートが表示できるようになります。

 

表示する画像・ビューアーのサイズを変更する

画像リンク・埋め込みコードで表示する画像やビューアーのサイズを、任意のサイズに変更することができます。方法は次のとおりです。

  1. 「リンクを作成する」ボタンの横にあるチェックボックスにチェックを入れ、幅、高さをピクセル(px)単位で指定します。
  2. サイズ変更後に「リンクを作成する」をクリックすると、指定したサイズが各リンク・コードに反映されます。
    初期状態では、幅あるいは高さを変更すると幅と高さの比がロックされ、もう一方も変更されます。
    ロックを解除したい場合は幅と高さの間にあるアイコンをクリックしてください。

    備考:

    • 埋め込み画像やビューアーのサイズ変更は、画像リンク・iframeタグを生成する前に行ってください。
      サイズ変更は既にウェブサイトに埋め込まれた画像リンクやiframeタグには反映されません。