Workvivoは、 ページ や ニュース記事を通じてiFrameの使用を容易にします。
iFrame は、Web ページを別の親ページに埋め込むことができる HTML 要素です - これらのページは静的またはインタラクティブにすることができます。
iFrameは、ページ/記事のソースにコードを貼り付けることで作成できる。これを行うには、エディターからツール > ソースコードに移動する。
トップヒント: 埋め込まれたiFrameをハイライト表示し、メインのアクティビティフィードから簡単にアクセスできるようにしたい場合は、 注目のストーリーを作成してみてはいかがでしょうか。
デバイス: 作成するデスクトップは、デスクトップとモバイルの両方で表示できます
ロール/権限: システム管理者、エディター、グローバル ページ エディター、スペース所有者/管理者は、スペースで記事を作成できます
iFrame のカスタマイズ
Workvivoは基本的にサードパーティのWebページを表示しているため、多くの側面をカスタマイズできず、これらの変更はホスト側で行う必要があります。
これには次のようなことが含まれます。
- 画像
- スタイリング(例:色、背景など)
- サイトの応答性
Workvivoでカスタマイズ できる iFrameの側面は次のとおりです。
-
高さと幅
- この値は、パーセンテージ (%) またはピクセル (px) にすることができます
- この値は、パーセンテージ (%) またはピクセル (px) にすることができます
- また、静的にするか対話型にするかを決定することもできます
iFrame の作成
たとえば、次のコードでは、 通常のWebページを埋め込みます。
<p><iframe src="https://productportal.workvivo.com"width="100%" height="1000px" frameborder="0" marginwidth="0px" marginheight="0px" scrolling="yes" allowfullscreen="allowfullscreen" data-mobile-width="100%" data-mobile-height="1000px"></iframe></p>
- src = " https://productportal.workvivo.com "-したがって、このURLは埋め込まれる
- width = "100%" - ページ/記事内でできるだけ多くの幅を占めます
- height = "1000px" - 高さは 1000 ピクセルに設定されます
- scrolling = "yes" - iFrameはスクロール可能であり、静的ではありません
モバイルには別々のサイズパラメータ(data-mobile-width と data-mobile-height)がありますが、この例ではディメンションは web と同じです。
Webビュー:
モバイル表示:
注:以下のエラーが発生した場合は、カスタマーエクスペリエンスプロジェクトマネージャーに連絡するか、ヘルプセンターからリクエストを送信してください。
その他の使用例
その他の潜在的なアイデアには、Googleフォーム(以下の例)、MS Form、クラウドベースのコラボレーションサービス(例:Miroボード)またはカウントダウンクロック。
上記と同様のサードパーティアプリケーションを使用している場合は、ホストWebサイトから直接埋め込みコードを取得する必要がある場合があります。