组件 | paid.sex

组件

组件是小型交互元素，可以显示特定内容或功能，无需复杂编程。在我们的案例中，组件可直接在您的网站上显示配置。它们可以灵活嵌入任意位置，为访客提供直接浏览配置的概览，无需离开您的平台。集成通过 JavaScript 完成，使组件无缝融入您网站的现有设计

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


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

通过目标实现，您可以精确指定在网站上的哪个位置显示组件或其他内容。这需要在 HTML 代码中插入一个小的 DIV 容器，作为组件的目标点。随后通过 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' 表示黑色 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 代码。这样，组件的显示和功能将自动激活，使组件立即可交互。此方法确保组件正确加载，并应用所有配置参数，例如宽度、高度、配置名称或边框


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

组件

为了展示组件的工作原理和定制选项，以下是一些实用示例。每个示例演示了组件在您网站上的展示效果，以及不同参数如何影响外观和行为

无需明确同意，因为我们的平台采用数据假名化。个人信息不会被直接存储，从而保证用户匿名性且无法直接识别。通过在外部网站嵌入，数据处理也将以假名化方式进行，以保护用户隐私

组件

组件

小型组件

示例：

中型组件

示例：

大型组件

示例：