iFrame小部件

iFrame小部件是小型交互元素，能展示特定内容或功能，无需复杂编程。在我们的案例中，这些iFrame小部件直接在您的页面上展示个人资料。它们可灵活嵌入任意位置，为访客提供直接查看资料的功能，无需离开您的平台。通过JavaScript嵌入，iFrame小部件可无缝融入您网站的现有设计。使用iFrame确保内容与页面其他部分独立加载，同时保证安全简便的实现

通过JavaScript将小部件嵌入您的网站。只需几行代码，您即可将小部件放置在所需位置。只需将提供的HTML标签插入到您页面的HTML代码中即可


    <script src="https://sta-cdn.paid.sex/public/ept.latest.js"></script>

通过目标实现（Target-Implementierung），您可以精确指定小部件或其他内容在您网站上的显示位置。为此，需要在HTML代码中插入一个小的DIV容器，作为小部件的目标位置。随后，JavaScript会将小部件加载并显示到该容器中


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

集成小部件时，您可以配置多种参数，以调整显示和内容。以下为P6Embed对象的主要参数说明：

id：指定小部件将显示于哪个HTML元素中。请使用DIV容器的id，例如target
ety：定义小部件的类型或类别，例如et1。此值控制加载的显示类型
bsw：设置小部件的宽度，单位为像素。例如500表示宽度为500px
bsh：设置小部件的高度，单位为像素。例如600表示高度为600px
eun：指定小部件中显示的PROFILE_NAME。例如：'PROFILE_NAME'
border：定义小部件的边框样式。例如：'1px solid #000'表示黑色1像素宽实线边框

通过这些参数，您可以灵活调整小部件以适配网站的设计和需求。配置完成后，调用.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代码。这样，展现和功能将自动激活，使小部件即刻可交互使用。此方法确保小部件正确加载，并应用所有配置参数，如宽度、高度、PROFILE_NAME或边框


<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>

所有示例

为展示小部件的功能及自定义选项，以下是一些实用示例。每个示例展示了小部件在您网站上的外观，以及不同参数如何影响其表现和行为

无需明确同意（Consent），因为我们的平台采用数据假名化处理。个人信息不会被直接存储，保障用户匿名性，无法直接识别身份。通过在外部网站的嵌入，数据处理亦为假名化，确保用户隐私得到保护

iFrame小部件

所有示例

小型小部件

示例：

中型小部件

示例：

大型小部件

示例：