ウィジェット

ウィジェットは、特別な複雑なプログラミングを必要とせず、ウェブサイト上に特定のコンテンツや機能を表示する小さなインタラクティブ要素です。当社のケースでは、ウィジェットはプロフィールを直接ページ上に表示します。自由に好きな場所に組み込むことができ、訪問者はプラットフォームを離れることなくプロフィールの概要を直接見ることができます。統合はJavaScriptで簡単に行え、ウィジェットは既存のウェブサイトデザインにシームレスに調和します

ウィジェットのご自身のウェブサイトへの埋め込みはJavaScriptを通じて行われます。数行のコードで、希望の場所にウィジェットを配置できます。提供されたHTMLタグをウェブページのHTMLコードにそのまま挿入するだけです


    <script src="https://static-edge-p6.cdn.es-infra.net/public/ept.latest.js"></script>

ターゲット実装では、ウェブサイト上のどの位置にウィジェットやその他のコンテンツを表示するかを正確に指定できます。そのために、小さなDIVコンテナをHTMLコードに挿入し、それがウィジェットのターゲットポイントとして機能します。JavaScriptを通じてそのコンテナにウィジェットが読み込まれ、表示されます


    <div id="target"></div>

ウィジェットの埋め込み時には、表示や内容を調整する各種パラメータを設定できます。以下にP6Embedオブジェクトの主なパラメータを説明します：

id: ウィジェットが表示されるHTML要素を指定します。DIVコンテナのidを使用してください。例：target
ety: ウィジェットのタイプまたはカテゴリを定義します。例：et1。この値はどのタイプの表示が読み込まれるかを制御します
bsw: ウィジェットの幅をピクセル単位で指定します。例：500は幅を500pxに設定します
bsh: ウィジェットの高さをピクセル単位で指定します。例：600は高さを600pxに設定します
eun: ウィジェットに表示されるプロフィール名を設定します。例：'PROFILE_NAME'
border: ウィジェットの枠線のスタイルを定義します。例：'1px solid #000' は1pxの黒い枠線を作成します

これらのパラメータによって、ウェブサイトのデザインや要件に応じてウィジェットを柔軟にカスタマイズできます。設定後、.render() メソッドを呼び出すとウィジェットが表示されます：


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

完全な実装では、ステップ一つでウェブサイトにウィジェットを埋め込めます。まずウィジェットを読み込むターゲット要素を配置し、その後ウィジェットを初期化するJavaScriptコードを挿入します。これによって表示と機能性が自動的に有効化され、ウィジェットは即座にインタラクティブに利用可能になります。この方法により、ウィジェットが正しく読み込まれ、幅、高さ、プロフィール名、枠線など設定されたすべてのパラメータが適用されます


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

ウィジェット

ウィジェットの動作とカスタマイズ可能な部分を示すために、以下にいくつかの実用的な例を示します。それぞれの例は、ウェブサイト上でのウィジェットの見え方や、異なるパラメータが外観や挙動にどのように影響するかを示しています

当プラットフォームはデータの仮名化を利用しているため、明示的な同意は不要です。個人情報は直接保存されず、ユーザーの匿名性が保護され、直接の識別は不可能です。外部ウェブサイトでの埋め込みによるデータ処理も仮名化されており、ユーザーのプライバシーは守られています

ウィジェット

ウィジェット

小さいウィジェット

例：

中くらいのウィジェット

例：

大きいウィジェット

例：