================ Connector Script ================ Connector Script is a lightweight JavaScript app that is embedded into your website and acts as gate keeper for your paid content or as a video player plugin. Setting up an integration is easy: 1. Add a single ``
This content will be hidden and the text will be scrambled.
Also, a blurred copy of this content will be displayed underneath the Purchase Overlay.
Note, that in the example above "[Connector Script URL goes here]" is a placeholder for the actual Connector Script URL. It depends on a variety of parameters which are determined by the particular integration. You can find the proper URL(s) in section :ref:`urls_of_connector_script`. More details about how and why URLs are put together like this are provided in chapter :doc:`../regions-environments-locales`. .. _connector_script_classic_content_obfuscation: Content Obfuscation -------------------- When Connector Script Classic has determinded that a user should not have access to an article, it changes three things on the current page: * The "Content to sell" is hidden and all contained text is scrambled * The Purchase Overlay is rendered as a replacement of the "Content to sell" * Blurred replacement content is rendered underneath the Purchase Overlay By default, the replacement content is a copy of the scrambled "Content to sell". Optionally, you can defined the "Content to display under overlay (Excerpt)" to select other element(s) on the page that should be used as the replacement content instead of the scrambled "Content to sell". To define the "Content to sell" and the "Content to display under overlay (Excerpt)" you can either create :ref:`templates` in Connector Admin Interface or you can mark elements directly in the HTML source of a page using the following HTML data attributes: ========================================== =============================== Selector HTML Data Attribute ========================================== =============================== Content to sell ``data-lp-show-on-access`` Content to display under overlay (Excerpt) ``data-lp-replacement-content`` ========================================== =============================== Example 1: Defining "Content to sell" only .. code-block:: html
This content will be hidden and the text will be scrambled.
Also, a blurred copy of this content will be displayed underneath the Purchase Overlay.
Example 2: Defining both "Content to sell" and "Content to display under overlay (Excerpt)" .. code-block:: html
This content will be hidden and the text will be scrambled.
A blurred copy of this content will be displayed underneath the Purchase Overlay.
Example 3: Selecting multiple elements .. code-block:: html
"Sell content" element 1:
This content will be hidden and the text will be scrambled.
"Sell content" element 2:
This content will also be hidden and the text will be scrambled.
"Content to display under overlay (Excerpt)" element 1:
A blurred copy of this content will be displayed underneath the Purchase Overlay.
"Content to display under overlay (Excerpt)" element 2:
A blurred copy of this content will also be displayed underneath the Purchase Overlay.
.. _connector_script_for_video_players: Connector Script For Video Players ================================== Since major version 3, Connector Script also comes in the form of dedicated video player plugins for JW Player, Flowplayer and Video.js. .. note:: When using mode "Sell Video" in combination with playlists, viewers can not purchase access to individual videos separately but only to the whole playlist. This is because configuration is applied on a per-player basis, not per-video. .. _connector_script_for_video_players_support_matrix: Support matrix -------------- =========== ============== ========== ================ ================ Player Name Player Version Sell Video Skip Ad Pre-Roll Skip Ad Pre-Play =========== ============== ========== ================ ================ JW Player >= 7 ✅ ✅ ✅ Flowplayer 7 ✅ ✅ Video.js 7 ✅ 3Q ✅ =========== ============== ========== ================ ================ Integration ----------- As an example, here's the HTML source code of a minimalistic page that integrates JW Player and Connector Script For Video: .. code-block:: html This is a Connector enabled video page
Some things to note in the example above: - The ``