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

シートを1枚だけ埋め込む

図全体を埋め込む

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

シートを 1 枚のみ埋め込む

図のシートを 1 枚のみ埋め込む方法は次のとおりです。

エディターの右側にあるシートパネルから埋め込みたいシートを選択し、 「共有」ボタンをクリックして「画像リンク」タブをクリックします。

インターネット上でシートを公開する場合、誰もが図を見れるように表示設定を「リンクを知っている全員が閲覧可」に変更します。 非公開のページで共有し、すでに Cacoo 上で共有の設定を行っている場合はこの操作は不要です。

  

次に「リンクをコピー」をクリックします。

ウインドウの右下に「コピーしました」と表示され、画像の URL がクリップボードにコピーされます。

あとはウェブサイトの HTML に <img> タグを追加し、コピーされた URL を src に指定してください。

これでウェブサイトで画像が表示されます。

図全体の埋め込み

図全体を共有するには「共有」をクリックして「埋め込みリンク」タブを開きます。

図をインターネットで共有する場合、誰もが図を見れるように表示設定を「リンクを知っている全員が閲覧可」に変更します。非公開のページで共有し、すでに Cacoo 上で共有の設定を行っている場合はこの操作は不要です。

 

次に「コードをコピー」をクリックします。ウインドウの右下に「コピーしました」と表示され、iframe タグがクリップボードにコピーされます。

ビューアには切り替えボタン(◀▶)があり、表示されてシートを切り替えることができます。

ウェブサイトの HTML に iframe タグを貼り付けてください。

<iframe src="https://cacoo.com/diagrams/pByowlpiZ7YTV7UN/view" width="402" height="330" frameborder="0" scrolling="no"></iframe>

図がウェブサイトに埋め込まれます。ビューアーのデフォルトのサイズは 400x300 ですが、「サイズ」から変更することができます。

2 つの px フィールドの 1 つを変更するともう一方も変更されます。縦横比のロックを解除したい場合は鍵のアイコンをクリックしてください。

新しい図のサイズが iframe タグに反映されます。

<iframe src="https://cacoo.com/diagrams/pByowlpiZ7YTV7UN/view?w=600&h=500&sn=2" width="602" height="530" frameborder="0" scrolling="no"></iframe>

2018年6月27日以前のの Cacoo バージョンでの図の埋め込みについては以下を参照してください。: https://support.cacoo.com/hc/ja/articles/207194718