Add the script on your website <html>
<head>
<script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /* Privacy policy url */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "middle", /* Banner position (top - bottom) */
"showAlertSmall": true, /* Show the small banner on bottom right */
"cookieslist": true, /* Show the cookie list */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded *///"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "/cookiespolicy", /* Change the default readmore link */
"mandatory": false, /* Show a message about mandatory cookies */
});
</script>BackNext step
If you choose to hide the little banner on bottom right, I higly recommand you to add a link somewhere on your site to allow your customer to modify their consent and be fully compliant : <a href="javascript:tarteaucitron.userInterface.openPanel();">Manage cookies</a> or via a CSS class: <div class="tarteaucitronOpenPanel">Gestion des cookies</div>
Language
You can force the language of the control panel via a Javascript variable to be placed at the beginning of the <head> block, BEFORE the main tarteaucitron.js script. If you specify an unsupported language, the language of the browser will be selected, or by default, English <script type="text/javascript">
var tarteaucitronForceLanguage = 'en'; /* supported: fr, en, de, es, it, pt, pl, ru */
</script>
Cookie expire
You can force cookies to expire before 1 year. <script type="text/javascript">
var tarteaucitronForceExpire = '90'; /* 3 months */
</script>
Outside EU
You can bypass the script for the visitors outside the EU by setting a javascript variable. Example in PHP (GeoIP is requiered): <?php
$continent = geoip_continent_code_by_name($_SERVER['REMOTE_ADDR']);
if ($continent != 'EU') {
echo '<script type="text/javascript">
tarteaucitron.user.bypass = true;
</script>';
}
2. Add this part to the place where the service must be displayed <div class="aduptech_conversion"
advertiserId="ADVERTISER_ID"
conversionCode="CONVERSION_CODE"></div>
Service marker (delete if installed)<img src="https://d.adup-tech.com/campaign/conversion/ADVERTISER_ID?t=CONVERSION_CODE"
width="1px"
height="1px"
border="0px"
alt="" />
Advertising network Ad Up Technology (retargeting)
2. Add this part to the place where the service must be displayed <div class="aduptech_retargeting"
account="ACCOUNT_ID"
product='["PRODUCT_ID1", "PRODUCT_ID2"]'
track="productList" ></div>
Service marker (delete if installed)<script type="text/javascript" src="https://s.d.adup-tech.com/services/retargeting.js" async="true"></script>
<script type="text/javascript">
window.AdUpRetargeting = function(api) {
api.setAccount(ACCOUNT_ID)
.setProduct(["PRODUCT_ID1", "PRODUCT_ID2"])
.trackProductList();
};
</script>
Service marker (delete if installed)<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"1234567"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
2. Add this part to the place where the service must be displayed <div class="datingaffiliation-canvas" data-comfrom="data-comfrom" data-r="data-r" data-p="data-p" data-cf0="data-cf0" data-langue="data-langue" data-forwardAffiliate="data-forwardAffiliate" data-cf2="data-cf2" data-cfsa2="data-cfsa2" width="width" height="height"></div>
Service marker (delete if installed)<iframe src="http://www.tools-affil2.com/rotaban/ban.php?comfrom=data-comfrom&r=data-r&p=data-p&cf0=data-cf0&langue=data-langue&forward_affiliate=data-forwardAffiliate&cf2=data-cf2&cfsa2=data-cfsa2" width="width" height="height" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
2. Add this part to the place where the service must be displayed <div class="datingaffiliationpopup-canvas" comfrom="comfrom" promo="promo" productid="productid" submitconfig="submitconfig" ur="ur" brand="brand" lang="lang" cf0="cf0" cf2="cf2" subid1="subid1" cfsa2="cfsa2" subid2="subid2" nicheid="nicheid" degreid="degreid" bt="bt" vis="vis" hid="hid" snd="snd" aabd="aabd" aabs="aabs"></div>
Service marker (delete if installed)<script src="http://www.promotools.biz/da/popunder/script.php?comfrom=comfrom&promo=promo&productid=productid&submitconfig=submitconfig&ur=ur&brand=brand&lang=lang&cf0=cf0&cf2=cf2&subid1=subid1&cfsa2=cfsa2&subid2=subid2&nicheid=nicheid°reid=degreid&bt=bt&vis=vis&hid=hid&snd=snd&aabd=aabd&aabs=aabs"></script>
2. Add this part to the place where the service must be displayed <ins class="ferank-publicite" client="id_client" style="display:inline-block;width:widthpx;height:heightpx" titre="couleur_titre" texte="couleur_texte"></ins>
Service marker (delete if installed)<script type="text/javascript">
(function() {
var ferank = document.createElement('script');
ferank.type = 'text/javascript';
ferank.async = true;
ferank.src = '//static.ferank.fr/publicite.async.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ferank, s);
})();
</script>
2. Add this part to the place where the service must be displayed <ins class="adsbygoogle" style="display:inline-block;width:widthpx;height:heightpx" data-ad-client="ca_pub_xxxxxxxxxxxxxxx" data-ad-slot="ad_slot"></ins><script type="text/javascript">(adsbygoogle = window.adsbygoogle || []).push({});</script>
Service marker (delete if installed)<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
2. Add this part to the place where the service must be displayed <form action="url_destination" id="cse-search-box" target="target (_self | _blank)"><div><input type="hidden" name="cx" value="partner-pub-XXXXXXXXXXXX:XXXXXX" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="25" /><input type="submit" name="sa" value="Search" /></div></form>
Service marker (delete if installed)<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
Advertising network Google Adsense Search (result)
2. Add this part to the place where the service must be displayed<script type="text/javascript">tarteaucitron.user.adwordsconversionId = id;tarteaucitron.user.adwordsconversionLabel = 'label';tarteaucitron.user.adwordsconversionLanguage = 'language';tarteaucitron.user.adwordsconversionFormat = 'format';tarteaucitron.user.adwordsconversionColor = 'color';tarteaucitron.user.adwordsconversionValue = 'value';tarteaucitron.user.adwordsconversionCurrency = 'currency';tarteaucitron.user.adwordsconversionCustom1 = 'custom1';tarteaucitron.user.adwordsconversionCustom2 = 'custom2';</script>
Service marker (delete if installed)<script type="text/javascript">
var google_conversion_id = id;
var google_conversion_label = "label";
var google_conversion_language = "language";
var google_conversion_format = "format";
var google_conversion_color = "color";
var google_conversion_value = value;
var google_conversion_currency = "currency";
var google_remarketing_only = false;
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
Service marker (delete if installed)<script type="text/javascript">
var google_conversion_id = id;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
2. Add this part to the place where the service must be displayed <div class="prelinker-canvas" siteId="siteId" bannerId="bannerId" defaultLanguage="defaultLanguage" tracker="tracker"></div>
Service marker (delete if installed)<script type="text/javascript" src="//promo.easy-dating.org/banner/index?site_id=siteId&banner_id=bannerId&default_language=defaultLanguage&tr4ck=tracker"></script>
2. Add this part to the place where the service must be displayed <div class="shareasale-canvas" amount="amount" tracking="tracking" transtype="transtype" persale="persale" perlead="perlead" perhit="perhit" merchantID="merchantID"></div>
Service marker (delete if installed)<img src="https://shareasale.com/sale.cfm?amount=amount&tracking=tracking&transtype=transtype&persale=persale&perlead=perlead&perhit=perhit&merchantID=merchantID" width=1 height=1>
2. Add this part to the place where the service must be displayed<script type="text/javascript">tarteaucitron.user.twengaId = id;tarteaucitron.user.twengaLocale = 'locale';</script>
Service marker (delete if installed)<script type="text/javascript" src="//tracker.twenga.locale/st/tracker_id.js"></script>
2. Add this part to the place where the service must be displayed <div class="vcashW" style="width: widthpx; height: heightpx;" data-key="key" data-tracking="zone" data-category="category" data-keyword="keyword" data-layout="layout (small | medium | big)" data-theme="theme (shadow | circle)" data-linkColor="link_color" data-textColor="text_color" data-backgroundColor="background_color" data-borderColor="border_color"></div>
Service marker (delete if installed)<script type="text/javascript" src="http://vshop.fr/js/w.js"></script>
2. Add this part to the place where the service must be displayed <div class="googlemaps-canvas" zoom="zoom" latitude="latitude" longitude="longitude" style="width: widthpx; height: heightpx;"></div><script>tarteaucitron.user.mapscallback = 'callback_function';tarteaucitron.user.googlemapsLibraries = 'LIBRARIES';</script>
Service marker (delete if installed)<script src="https://maps.googleapis.com/maps/api/js?key=API KEY" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: { lat: latitude, lng: longitude},
zoom: zoom
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
2. Add this part to the place where the service must be displayed <div class="googlemapssearch" data-search="SEARCHWORDS" data-api-key="YOUR_GOOGLE_MAP_API_KEY" width="WIDTH" height="HEIGHT" ></div>
Service marker (delete if installed)<iframe width="WIDTH" height="HEIGHT" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=SEARCHWORDS" allowfullscreen> </iframe>
Service marker (delete if installed)<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
2. Add this part to the place where the service must be displayed <div class="timelinejs-canvas" spreadsheet_id="spreadsheet_id" width="width" height="height" lang="lang_2_letter" font="font (Bevan-PotanoSans | Georgia-Helvetica | Arvo-PTSans)" map="map (toner | osm)" start_at_end="start_at_end (false | true)" hash_bookmark="hash_bookmark (false | true)" start_at_slide="start_at_slide (0 | ...)" start_zoom="start_zoom (0 | ... | 5)"></div>
Service marker (delete if installed)<iframe src="//cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=spreadsheet_id&font=font&maptype=map&lang=lang_2_letter&start_at_end=start_at_end&hash_bookmark=hash_bookmark&start_at_slide=start_at_slide&start_zoom_adjust=start_zoom_adjust&height=height" width="width" height="height" frameborder="0"></iframe>
Service marker (delete if installed)<script type="text/javascript" src="//use.typekit.net/id.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
Service marker (delete if installed)<script type="text/javascript">
setTimeout(function(){var a=document.createElement("script");
var b=document.getElementsByTagName("script")[0];
a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/account_id.js?"+Math.floor(new Date().getTime()/3600000);
a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1);
</script>
Service marker (delete if installed)<script id="_etLoader" type="text/javascript" charset="UTF-8" data-secure-code="data-secure-code" src="//static.etracker.com/code/e.js"></script>
Service marker (delete if installed)<script type="text/javascript"> var webleads_site_ids = webleads_site_ids || []; webleads_site_ids.push(id); (function() { var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = ( document.location.protocol == "https:" ? "https://stats.webleads-tracker.com/js" : "http://stats.webleads-tracker.com/js" ); ( document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0] ).appendChild( s ); })(); </script> <noscript><p><img alt="webleads-tracker" width="1" height="1" src="//stats.webleads-tracker.com/idns.gif" /></p></noscript> <script async defer src="//get.smart-data-systems.com/track?site_id=id"></script>
Audience measurement Google Analytics (ga.js)
Install
Google Analytics (ga.js)
Close
1. Add this <script type="text/javascript">
tarteaucitron.user.gajsUa = 'UA-XXXXXXXX-X';
tarteaucitron.user.gajsMore = function () { /* add here your optionnal _ga.push() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('gajs');
</script>
</body>
</html>
Service marker (delete if installed)<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
// your optionnal _ga.push()
</script>
Audience measurement Google Analytics (gtag.js)
Install
Google Analytics (gtag.js)
Close
1. Add this <script type="text/javascript">
tarteaucitron.user.gtagUa = 'UA-XXXXXXXX-X';
tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('gtag');
</script>
</body>
</html>
Service marker (delete if installed)<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXX-X');
// your optionnal gtag()
</script>
Audience measurement Google Analytics (gtag.js) [for multiple UA]
Service marker (delete if installed)<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXX-X');
// your optionnal gtag()
</script>
Audience measurement Google Analytics (universal)
Install
Google Analytics (universal)
Close
1. Add this <script type="text/javascript">
tarteaucitron.user.analyticsUa = 'UA-XXXXXXXX-X';
tarteaucitron.user.analyticsMore = function () { /* add here your optionnal ga.push() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('analytics');
</script>
</body>
</html>
Service marker (delete if installed)<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('send', 'pageview');
// your optionnal ga.push()
</script>
2. Add this part to the place where the service must be displayed<script type="text/javascript">tarteaucitron.user.hotjarId = hotjarId;tarteaucitron.user.HotjarSv = HotjarSv;</script>
Service marker (delete if installed)<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:hotjarId,hjsv:HotjarSv};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
2. Add this part to the place where the service must be displayed<script type="text/javascript">tarteaucitron.user.microsoftcampaignanalyticsUUID = 'UUID';tarteaucitron.user.microsoftcampaignanalyticsdomaineId = 'domainId';tarteaucitron.user.microsoftcampaignanalyticsactionId = 'actionId';</script>
Service marker (delete if installed)<script type="text/javascript"> if (!window.mstag) mstag = {loadTag : function(){},time : (new Date()).getTime()};</script>
<script id="mstag_tops" type="text/javascript" src="https://flex.atdmt.com/mstag/site/UUID/mstag.js"></script>
<script class="conversionmsn" type="text/javascript"> mstag.loadTag("analytics", {dedup:"1",domainId:"domainId",type:"1",actionid:"actionId"})</script>
2. Add this part to the place where the service must be displayed <div class="statcounter-canvas"></div><script type="text/javascript">var sc_project = sc_project, sc_invisible = sc_invisible (0 | 1), sc_security = "sc_security", sc_text = sc_text (0 | 2 | 3 | 4 | 5);</script>
Service marker (delete if installed)<script type="text/javascript">
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
2. Add this part to the place where the service must be displayed<script type="text/javascript">tarteaucitron.user.wysistat = {"cli": "nom", "frm": "frame", "prm": "prm", "ce": "compteurExtranet", "page": "page", "roi": "roi", "prof": "profiling", "cpt": "compte"};</script>
2. Add this part to the place where the service must be displayed <div class="fb-comments" data-numposts="5" data-colorscheme="light" data-href="CURRENT_URI"></div>
2. Add this part to the place where the service must be displayed <a class="a2a_dd" href="#" onclick="window.open(tarteaucitron.user.addtoanyfeedSubscribeLink)"><img src="//static.addtoany.com/buttons/subscribe_171_16.gif" width="171" height="16" border="0" alt="Subscribe"/></a>
2. Add this part to the place where the service must be displayed <a class="a2a_dd" href="https://www.addtoany.com/share_save"><img src="//static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
2. Add this part to the place where the service must be displayed <div class="fb-like" data-layout="standard" data-action="like" data-share="true"></div>
2. Add this part to the place where the service must be displayed <div class="fb-like-box" data-href="page_url" data-width="width" data-height="height" data-colorscheme="light" data-show-faces="faces (true | false)" data-header="header (true | false)" data-stream="posts (false | true)" data-show-border="border (true | false)"></div>
2. Add this part to the place where the service must be displayed <div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div>
2. Add this part to the place where the service must be displayed <div class="g-page" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="publisher" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
2. Add this part to the place where the service must be displayed <span class="tacLinkedin"></span><script type="IN/Share" data-counter="top"></script>
2. Add this part to the place where the service must be displayed <span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="white"></a>
2. Add this part to the place where the service must be displayed <span class="tacTwitter"></span><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="vertical" data-dnt="true"></a>
2. Add this part to the place where the service must be displayed <div class="twitterembed-canvas" tweetid="tweet_id" data-width="width" theme="theme (light | dark)" cards="cards (show | hidden)" conversation="conversation (show | none)" data-align="align (left | center | right)"></div>
Service marker (delete if installed)<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s); js.id=id; js.src=p+'://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
2. Add this part to the place where the service must be displayed <span class="tacTwitterTimelines"></span><a class="twitter-timeline" href="twitter_url" data-tweet-limit="tweet-limit" data-dnt="dnt (true | false)" data-width="width" data-height="height" data-theme="theme (dark | light)" data-link-color="hex link-color"></a>
Service marker (delete if installed)<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s); js.id=id; js.src=p+'://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
Service marker (delete if installed)<script type="text/javascript">var Tawk_API=Tawk_API||{};
var Tawk_LoadStart=new Date();
(function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/ID/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })();</script>
2. Add this part to the place where the service must be displayed <script type="text/javascript">UserVoice=window.UserVoice||[];UserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'position', trigger_color: 'color', trigger_background_color: 'background-color', accent_color: 'accent_color'}]);</script>
Service marker (delete if installed)<script type="text/javascript">
(function(){
var uv=document.createElement('script');
uv.type='text/javascript';
uv.async=true;
uv.src='//widget.uservoice.com/YOUR_API_KEY.js';
var s=document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(uv,s)
})();
</script>
2. Add this part to the place where the service must be displayed <div class="dailymotion_player" videoID="video_id" width="width" height="height" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>
Service marker (delete if installed)<iframe width="width" height="height" src="//www.dailymotion.com/embed/video/video_id" frameborder="0" allowfullscreen></iframe>
2. Add this part to the place where the service must be displayed <div class="issuu_player" issuuID="your_issuu_id" width="width" height="height"></div>
Service marker (delete if installed)<iframe style="width:width; height:height;" src="//e.issuu.com/embed.html#your_issue_id" frameborder="0" allowfullscreen></iframe>
2. Add this part to the place where the service must be displayed <div class="slideshare-canvas" data-id="slide_id" width="width" height="height"></div>
Service marker (delete if installed)<iframe src="//www.slideshare.net/slideshow/embed_code/slide_id" width="width" height="height" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen></iframe>
2. Add this part to the place where the service must be displayed <div class="vimeo_player" videoID="video_id" width="width" height="height"></div>
Service marker (delete if installed)<iframe width="width" height="height" src="//player.vimeo.com/video/video_id" frameborder="0" allowfullscreen></iframe>
2. Add this part to the place where the service must be displayed <div class="youtube_player" videoID="video_id" width="width" height="height" theme="theme (dark | light)" rel="rel (1 | 0)" controls="controls (1 | 0)" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>
Service marker (delete if installed)<iframe width="width" height="height" src="//www.youtube.com/embed/video_id" frameborder="0" allowfullscreen></iframe>
Service marker (delete if installed)<script>(function(){
var s = document.createElement("script");
s.src = "https://www.youtube.com/player_api";
var before = document.getElementsByTagName("script")[0];
before.parentNode.insertBefore(s, before);
})();</script>
<div class="aduptech_ads"
placementKey="PLACEMENT_KEY"></div>
<div class="aduptech_ads"
style="width:WIDTH;height:HEIGHT;"
responsive="1"
placementKey="PLACEMENT_KEY"></div>
<div class="aduptech_conversion"
advertiserId="ADVERTISER_ID"
conversionCode="CONVERSION_CODE"></div>
<div class="aduptech_retargeting"
account="ACCOUNT_ID"
product='["PRODUCT_ID1", "PRODUCT_ID2"]'
track="productList" ></div>
<div class="amazon_product" amazonid="xxxxx-xx" productid="product_id"></div>
<div class="clicmanager-canvas" c="c" s="s" t="t"></div>
<div class="criteo-canvas" zoneid="zoneid"></div>
<div class="datingaffiliation-canvas" data-comfrom="data-comfrom" data-r="data-r" data-p="data-p" data-cf0="data-cf0" data-langue="data-langue" data-forwardAffiliate="data-forwardAffiliate" data-cf2="data-cf2" data-cfsa2="data-cfsa2" width="width" height="height"></div>
<div class="datingaffiliationpopup-canvas" comfrom="comfrom" promo="promo" productid="productid" submitconfig="submitconfig" ur="ur" brand="brand" lang="lang" cf0="cf0" cf2="cf2" subid1="subid1" cfsa2="cfsa2" subid2="subid2" nicheid="nicheid" degreid="degreid" bt="bt" vis="vis" hid="hid" snd="snd" aabd="aabd" aabs="aabs"></div>
<ins class="ferank-publicite" client="id_client" style="display:inline-block;width:widthpx;height:heightpx" titre="couleur_titre" texte="couleur_texte"></ins>
<ins class="adsbygoogle" style="display:inline-block;width:widthpx;height:heightpx" data-ad-client="ca_pub_xxxxxxxxxxxxxxx" data-ad-slot="ad_slot"></ins><script type="text/javascript">(adsbygoogle = window.adsbygoogle || []).push({});</script>
<form action="url_destination" id="cse-search-box" target="target (_self | _blank)"><div><input type="hidden" name="cx" value="partner-pub-XXXXXXXXXXXX:XXXXXX" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="25" /><input type="submit" name="sa" value="Search" /></div></form>
<gcse:searchresults-only id="gcse_searchresults"></gcse:searchresults-only>
<div class="g-partnersbadge" data-agency-id="id"></div>
<div class="prelinker-canvas" siteId="siteId" bannerId="bannerId" defaultLanguage="defaultLanguage" tracker="tracker"></div>
<div class="pubdirecte-canvas" pid="id" ref="ref"></div>
<div class="shareasale-canvas" amount="amount" tracking="tracking" transtype="transtype" persale="persale" perlead="perlead" perhit="perhit" merchantID="merchantID"></div>
<div class="vcashW" style="width: widthpx; height: heightpx;" data-key="key" data-tracking="zone" data-category="category" data-keyword="keyword" data-layout="layout (small | medium | big)" data-theme="theme (shadow | circle)" data-linkColor="link_color" data-textColor="text_color" data-backgroundColor="background_color" data-borderColor="border_color"></div>
<div class="googlemaps-canvas" zoom="zoom" latitude="latitude" longitude="longitude" style="width: widthpx; height: heightpx;"></div><script>tarteaucitron.user.mapscallback = 'callback_function';tarteaucitron.user.googlemapsLibraries = 'LIBRARIES';</script>
<div class="googlemapssearch" data-search="SEARCHWORDS" data-api-key="YOUR_GOOGLE_MAP_API_KEY" width="WIDTH" height="HEIGHT" ></div>
<div class="g-recaptcha" data-sitekey="sitekey"></div>
<div class="timelinejs-canvas" spreadsheet_id="spreadsheet_id" width="width" height="height" lang="lang_2_letter" font="font (Bevan-PotanoSans | Georgia-Helvetica | Arvo-PTSans)" map="map (toner | osm)" start_at_end="start_at_end (false | true)" hash_bookmark="hash_bookmark (false | true)" start_at_slide="start_at_slide (0 | ...)" start_zoom="start_zoom (0 | ... | 5)"></div>
<div class="statcounter-canvas"></div><script type="text/javascript">var sc_project = sc_project, sc_invisible = sc_invisible (0 | 1), sc_security = "sc_security", sc_text = sc_text (0 | 2 | 3 | 4 | 5);</script>
<div id="disqus_thread"></div>
<div class="fb-comments" data-numposts="5" data-colorscheme="light" data-href="CURRENT_URI"></div>
<div class="fb-comments" data-numposts="5" data-colorscheme="dark" data-href="CURRENT_URI"></div>
<div class="addthis_sharing_toolbox"></div>
<a class="a2a_dd" href="#" onclick="window.open(tarteaucitron.user.addtoanyfeedSubscribeLink)"><img src="//static.addtoany.com/buttons/subscribe_171_16.gif" width="171" height="16" border="0" alt="Subscribe"/></a>
<a class="a2a_dd" href="#" onclick="window.open(tarteaucitron.user.addtoanyfeedSubscribeLink)"><img src="//static.addtoany.com/buttons/subscribe_120_16.gif" width="120" height="16" border="0" alt="Subscribe"/></a>
<a class="a2a_dd" href="https://www.addtoany.com/share_save"><img src="//static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<a class="a2a_dd" href="https://www.addtoany.com/share_save"><img src="//static.addtoany.com/buttons/share_save_120_16.png" width="120" height="16" border="0" alt="Share"/></a>
<span class="tac_addtoanyshare"></span><div class="a2a_kit a2a_default_style"><a class="a2a_dd" href="https://www.addtoany.com/share_save">Share</a><span class="a2a_divider"></span><a class="a2a_button_facebook"></a><a class="a2a_button_twitter"></a><a class="a2a_button_google_plus"></a></div>
<span class="tac_addtoanyshare"></span><div class="a2a_kit a2a_kit_size_32 a2a_default_style"><a class="a2a_dd" href="https://www.addtoany.com/share_save"></a><a class="a2a_button_facebook"></a><a class="a2a_button_twitter"></a><a class="a2a_button_google_plus"></a></div>
<div class="fb-like" data-layout="standard" data-action="like" data-share="true"></div>
<div class="fb-like" data-layout="standard" data-action="like" data-share="false"></div>
<div class="fb-like" data-layout="box_count" data-action="like" data-share="true"></div>
<div class="fb-like" data-layout="box_count" data-action="like" data-share="false"></div>
<div class="fb-like" data-layout="button_count" data-action="like" data-share="true"></div>
<div class="fb-like" data-layout="button_count" data-action="like" data-share="false"></div>
<div class="fb-like" data-layout="button" data-action="like" data-share="true"></div>
<div class="fb-like" data-layout="button" data-action="like" data-share="false"></div>
<div class="fb-like" data-layout="standard" data-action="recommend" data-share="true"></div>
<div class="fb-like" data-layout="standard" data-action="recommend" data-share="false"></div>
<div class="fb-like" data-layout="box_count" data-action="recommend" data-share="true"></div>
<div class="fb-like" data-layout="box_count" data-action="recommend" data-share="false"></div>
<div class="fb-like" data-layout="button_count" data-action="recommend" data-share="true"></div>
<div class="fb-like" data-layout="button_count" data-action="recommend" data-share="false"></div>
<div class="fb-like" data-layout="button" data-action="recommend" data-share="true"></div>
<div class="fb-like" data-layout="button" data-action="recommend" data-share="false"></div>
<div class="fb-like-box" data-href="page_url" data-width="width" data-height="height" data-colorscheme="light" data-show-faces="faces (true | false)" data-header="header (true | false)" data-stream="posts (false | true)" data-show-border="border (true | false)"></div>
<div class="fb-like-box" style="background:#141823" data-href="page_url" data-width="width" data-height="height" data-colorscheme="dark" data-show-faces="faces (true | false)" data-header="header (true | false)" data-stream="posts (false | true)" data-show-border="border (true | false)"></div>
<div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300"></div>
<div class="g-plusone" data-annotation="inline" data-width="300"></div>
<div class="g-plusone" data-size="tall" data-annotation="inline" data-width="300"></div>
<div class="g-plusone" data-size="small"></div>
<div class="g-plusone" data-size="medium"></div>
<div class="g-plusone"></div>
<div class="g-plusone" data-size="tall"></div>
<div class="g-plusone" data-size="small" data-annotation="none"></div>
<div class="g-plusone" data-size="medium" data-annotation="none"></div>
<div class="g-plusone" data-annotation="none"></div>
<div class="g-plusone" data-size="tall" data-annotation="none"></div>
<div class="g-plus" data-action="share" data-height="15"></div>
<div class="g-plus" data-action="share"></div>
<div class="g-plus" data-action="share" data-height="24"></div>
<div class="g-plus" data-action="share" data-annotation="bubble" data-height="15"></div>
<div class="g-plus" data-action="share" data-annotation="bubble"></div>
<div class="g-plus" data-action="share" data-annotation="bubble" data-height="24"></div>
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>
<div class="g-plus" data-action="share" data-annotation="none" data-height="15"></div>
<div class="g-plus" data-action="share" data-annotation="none"></div>
<div class="g-plus" data-action="share" data-annotation="none" data-height="24"></div>
<div class="g-page" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="publisher" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-page" data-theme="dark" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="publisher" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-page" data-layout="landscape" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="publisher" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-page" data-layout="landscape" data-theme="dark" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="publisher" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-person" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="author" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-person" data-theme="dark" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="author" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-person" data-layout="landscape" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="author" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<div class="g-person" data-layout="landscape" data-theme="dark" data-width="width" data-href="//plus.google.com/u/0/page_id" data-rel="author" data-showtagline="description (true | false)" data-showcoverphoto="cover (true | false)"></div>
<span class="tacLinkedin"></span><script type="IN/Share" data-counter="top"></script>
<span class="tacLinkedin"></span><script type="IN/Share" data-counter="right"></script>
<span class="tacLinkedin"></span><script type="IN/Share"></script>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="white"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="gray"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="white" data-pin-height="28"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="gray" data-pin-height="28"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red" data-pin-height="28"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-shape="round"></a>
<span class="tacPinterest"></span><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-shape="round" data-pin-height="32"></a>
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='app_id'></div>
<span class="tacSharethis"></span>services_list_spans
<span class="tacTwitter"></span><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="vertical" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="horizontal" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="none" data-dnt="true"></a>
<span class="tacTwitter"></span><a data-size="large" href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="vertical" data-dnt="true"></a>
<span class="tacTwitter"></span><a data-size="large" href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="horizontal" data-dnt="true"></a>
<span class="tacTwitter"></span><a data-size="large" href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="none" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="horizontal" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="false" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="horizontal" data-size="large" data-dnt="true"></a>
<span class="tacTwitter"></span><a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true"></a>
<div class="twitterembed-canvas" tweetid="tweet_id" data-width="width" theme="theme (light | dark)" cards="cards (show | hidden)" conversation="conversation (show | none)" data-align="align (left | center | right)"></div>
<span class="tacTwitterTimelines"></span><a class="twitter-timeline" href="twitter_url" data-tweet-limit="tweet-limit" data-dnt="dnt (true | false)" data-width="width" data-height="height" data-theme="theme (dark | light)" data-link-color="hex link-color"></a>
<script type="text/javascript">UserVoice=window.UserVoice||[];UserVoice.push(['addTrigger', {mode: 'contact', trigger_position: 'position', trigger_color: 'color', trigger_background_color: 'background-color', accent_color: 'accent_color'}]);</script>
<script type="text/javascript">UserVoice=window.UserVoice||[];UserVoice.push(['addTrigger', {mode: 'smartvote', trigger_position: 'position', trigger_color: 'color', trigger_background_color: 'background-color', accent_color: 'accent_color'}]);</script>
<script type="text/javascript">UserVoice=window.UserVoice||[];UserVoice.push(['addTrigger', {mode: 'satisfaction', trigger_position: 'position', trigger_color: 'color', trigger_background_color: 'background-color', accent_color: 'accent_color'}]);</script>
<div class="calameo-canvas" data-id="bkcode" width="width" height="height"></div>
<div class="dailymotion_player" videoID="video_id" width="width" height="height" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>
<div class="issuu_player" issuuID="your_issuu_id" width="width" height="height"></div>
<div class="prezi-canvas" data-id="slide_id" width="width" height="height"></div>
<div class="slideshare-canvas" data-id="slide_id" width="width" height="height"></div>
<div class="vimeo_player" videoID="video_id" width="width" height="height"></div>
<div class="youtube_player" videoID="video_id" width="width" height="height" theme="theme (dark | light)" rel="rel (1 | 0)" controls="controls (1 | 0)" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>