You want to embed YouTube videos on your website and ensure that the data protection regulations according to GDPR are complied with? Our new plugin offers you a solution for exactly this!
With our YouTube DSGVO plugin, you can display YouTube videos on your website for free and in compliance with data protection laws. Instead of loading the videos directly, a colored placeholder of your choice is displayed first. By adding your own words, this becomes an attractive interaction area for your visitors.
Only when your visitors click on one of the consent buttons, a connection to the YouTube server is established and data is transferred to YouTube. Then the desired video is loaded and can be played.
Both the placeholder and the YouTube video are mobile-optimized and automatically adapt to the display size. You can also assign a maximum width to both elements to achieve the best possible visual result.
With our plugin, you protect the privacy of your visitors while taking advantage of videos for your website success.
Want a live demo? Then feel free to visit the following article. There we have integrated a YouTube video of ours with our DSGVO plugin in a data protection compliant manner and go into more detail on the topic of data protection and YouTube: YouTube DSGVO konform einbinden.
YOUR 6 EASY TODOS FOR 1 VIDEO
[exovia-dsgvo-youtube-video]
anywhere on your website where you want your video to appear – e.g. on the blog, on your about page – or even directly on your homepage.4 SIMPLE STEPS FOR YOUR 2ND OR 50TH VIDEO
Extended Shortcode Example:
[exovia-dsgvo-youtube-video iframe='<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/qqobbcK0R-o?start=32" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>' layer_bg_color='#f88379' button_bg_color='#8379f8']
1. Copy the extended shortcode above and place it on your website where you want your video to appear.
1. Go to youtube.com, find the video you want to embed in your website, and click on it.
1. Click “Share” and then click “Embed.”
1. Replace the iframe in the extended shortcode you copied before with the new iframe code.
WHAT THE PLUGIN DOES FOR YOU
WHAT THE PLUGIN IS NOT FOR
Shortcode parameter
* title (string)
* iframe (string from youtube embed)
* button_title (string)
* button_title_all (string)
* layer_text (string)
* anchor_text (string)
* layer_bg_color (css color, hex)
* button_bg_color (css color, hex)
* font_color (css color, hex)
* enable_info_box (true or false)
* show_load_all_button (true or false)
* info_box_text (string)
BUGS & FEEDBACK
Your feedback is important to us. If you find mistakes, have wishes, ideas or suggestions, please send us an e-mail to kontakt@exovia.de.
This plugin was developed with love by our Hamburg-based web design agency exovia.
Legal notice (German): www.exovia.de/impressum/
You are free to use it on any website across countries to protect the privacy of your users.
Note: Of course, activating this plugin cannot guarantee that your website is completely compliant with the GDPR. When using Google Analytics or Facebook pixels, for example, other or additional measures must be taken.
If you want to view the complete source code, including the src
files, build tools, and test tools, you can do so on GitHub.
After cloning the repository, you can install the necessary modules by running npm install
in the base directory. Developers can then use npm run dev
for development mode and npm run build
for production builds. The correct proxy can be set in the webpack.config.js
.
This provides complete transparency of the functionality and source code, giving developers the opportunity to customize and enhance the plugin.
We welcome feedback and contributions from the developer community.
This plugin connects to YouTube to embed videos in a GDPR-compliant manner. When a user interacts with the video, a connection to YouTube’s servers (https://www.youtube-nocookie.com) is established, and data may be transmitted.
Third-Party Service:
– YouTube: This plugin uses YouTube’s no-cookie iframe embed to display the fallback videos. By clicking on the video, users agree to YouTube’s privacy policy and terms of use.
– No-Cookie Domain for fallback video: https://www.youtube-nocookie.com
– Privacy Policy: YouTube Privacy Policy
– Terms of Service: YouTube Terms of Service