cookiebot / src / view / admin / cb_frame / support-page.php

support-page.php in Cookiebot by Usercentrics – Automatic Cookie Banner for GDPR/CCPA & Google Consent Mode 4.7.4, at src/view/admin/cb_frame/support-page.php

223 lines 8.5 KB

Raw Download Zip

1	<?php
2
3	use cybot\cookiebot\lib\Cookiebot_Frame;
4	use cybot\cookiebot\settings\templates\Header;
5	use cybot\cookiebot\settings\templates\Main_Tabs;
6
7	$header = new Header();
8	$main_tabs = new Main_Tabs();
9
10	$header->display();
11	?>
12	<div class="cb-body">
13	<div class="cb-wrapper">
14	<?php $main_tabs->display( 'support' ); ?>
15	<div class="cb-main__content">
16	<h1 class="cb-main__page_title"><?php esc_html_e( 'Support', 'cookiebot' ); ?></h1>
17
18	<div class="cb-support__content">
19	<div class="cb-support__info__card">
20	<h2 class="cb-support__info__title"><?php esc_html_e( 'Need help with your configuration?', 'cookiebot' ); ?></h2>
21	<p class="cb-support__info__text">
22	<?php
23	esc_html_e(
24	'In our Help Center you find all the answers to your questions. If you have additional questions, create a support request and our Support Team will help out as soon as possible.',
25	'cookiebot'
26	);
27	?>
28	</p>
29	</div>
30
31	<div class="cb-debug__support__card">
32	<a href="https://usercentricsforwordpress.zendesk.com/hc/en-us" target="_blank" class="cb-btn cb-main-btn" style="border: 3px solid #1032cf"
33	rel="noopener">
34	<?php esc_html_e( 'Visit Support Center', 'cookiebot' ); ?>
35	</a>
36	<a href="#" onclick="copyDebugInfo();" class="cb-btn cb-secondary-btn" style="margin-left: 20px;">
37	<?php esc_html_e( 'Copy Debug Info', 'cookiebot' ); ?>
38	</a>
39	</div>
40	</div>
41
42	<div class="cb-debug__code__container">
43	<textarea
44	cols="50"
45	rows="40"
46	id="cookiebot-debug-info"
47	readonly="readonly"
48	><?php echo esc_textarea( $debug_output ); ?></textarea>
49	</div>
50
51	<div class="cb-faqs">
52	<div class="cb-support__video__card">
53	<div class="cb-support__video__inner">
54	<h2 class="cb-support__video__title"><?php esc_html_e( 'Video guide', 'cookiebot' ); ?></h2>
55	<div class="cb-main__video">
56	<iframe src="https://www.youtube.com/embed/1-lvuJa42P0"
57	title="Cookiebot WordPress Installation"
58	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
59	allowfullscreen></iframe>
60	</div>
61	</div>
62
63	</div>
64	</div>
65
66	<div class="cb-faqs">
67	<h2 class="cb-support__info__title">FAQ:</h2>
68	<div class="cb-faq__container cb-faq--opened">
69	<h3 class="cb-faq__question"><?php esc_html_e( 'How to find my Cookiebot™ ID', 'cookiebot' ); ?><span
70	class="cb-faq__toggle"></span></h3>
71	<div class="cb-faq__answer">
72	<p class="cb-faq__answer__content">
73	<ol>
74	<li>
75	<?php
76	printf(
77	// translators: the first placeholder string will be replaced with a html anchor open tag and the second placeholder string will be replaced by the html anchor closing tag
78	esc_html__( 'Log in to your %1$sCookiebot CMP account%2$s.', 'cookiebot' ),
79	'<a href="https://admin.cookiebot.com" target="_blank" rel="noopener">',
80	'</a>'
81	);
82	?>
83	</li>
84	<li>
85	<?php
86	printf(
87	// translators: the placeholder strings denote the positions of <b>, </b>, <b> and </b> HTML tags
88	esc_html__( 'Go to %1$s"Domains & Aliases"%2$s and setup your Cookiebot CMP', 'cookiebot' ),
89	'<b>',
90	'</b>'
91	);
92	?>
93	</li>
94	<li>
95	<?php
96	printf(
97	// translators: the placeholder strings denote the positions of <b> and </b> HTML tags
98	esc_html__( 'Go to %1$s"Implementation"%2$s and scroll down to the %1$s"Installation guides"%2$s section', 'cookiebot' ),
99	'<b>',
100	'</b>'
101	);
102	?>
103	</li>
104	<li>
105	<?php
106	printf(
107	// translators: the placeholder strings denote the positions of <b> and </b> HTML tags
108	esc_html__( 'Copy the value of %1$s"Domain group ID"%2$s - eg.: abcdef12-3456-7890-abcd-ef1234567890', 'cookiebot' ),
109	'<b>',
110	'</b>'
111	);
112	?>
113	</li>
114	<li>
115	<?php
116	printf(
117	// translators: the placeholder strings denote the positions of <b> and </b> HTML tags
118	esc_html__( 'Add %1$s[cookie_declaration]%2$s shortcode to a page to show the declaration', 'cookiebot' ),
119	'<b>',
120	'</b>'
121	);
122	?>
123	</li>
124	<li><?php esc_html_e( 'Remember to change your scripts as described below', 'cookiebot' ); ?></li>
125	</ol>
126	</p>
127	</div>
128	</div>
129
130	<div class="cb-faq__container">
131	<h3 class="cb-faq__question"><?php esc_html_e( 'Add the Cookie Declaration to your website', 'cookiebot' ); ?>
132	<span class="cb-faq__toggle"></span></h3>
133	<div class="cb-faq__answer">
134	<p class="cb-faq__answer__content">
135	<?php
136	printf(
137	// translators: the placeholder strings denote the positions of <b> and </b> HTML tags
138	esc_html__( 'Use the shortcode %1$s[cookie_declaration]%2$s to add the cookie declaration to a page or post. The cookie declaration will always show the latest version from Cookiebot CMP.', 'cookiebot' ),
139	'<b>',
140	'</b>'
141	);
142	?>
143	</p>
144	<p class="cb-faq__answer__content">
145	<?php
146	printf(
147	// translators: the placeholder strings denote the positions of <i>, </i>, <b> and </b> HTML tags
148	esc_html__( 'If you want to show the cookie declaration in a specific language, you can add the %1$s"lang"%2$s attribute, e.g. %3$s[cookie_declaration lang="de"]%4$s.', 'cookiebot' ),
149	'<i>',
150	'</i>',
151	'<b>',
152	'</b>'
153	);
154	?>
155	</p>
156	</div>
157	</div>
158
159	<div class="cb-faq__container">
160	<h3 class="cb-faq__question"><?php esc_html_e( 'Update your script tags', 'cookiebot' ); ?><span
161	class="cb-faq__toggle"></span></h3>
162	<div class="cb-faq__answer">
163	<p class="cb-faq__answer__content">
164	<?php
165	esc_html_e(
166	'To enable prior consent, apply the attribute "data-cookieconsent" to cookie-setting script tags on your website. Set the comma-separated value to one or more of the cookie categories "preferences", "statistics" and/or "marketing" in accordance with the types of cookies being set by each script. Finally, change the attribute "type" from "text/javascript" to "text/plain".',
167	'cookiebot'
168	);
169	?>
170	</p>
171	<p class="cb-faq__answer__content">
172	<?php
173	printf(
174	// translators: the placeholder strings denote the positions of <i>, </i>, <b> and </b> HTML tags
175	esc_html__( 'Example on modifying an existing Google Analytics Universal script tag can be found %1$shere in step 4%2$s.', 'cookiebot' ),
176	'<a href="https://www.cookiebot.com/en/manual-implementation/?utm_source=wordpress&utm_medium=referral&utm_campaign=banner" target="_blank" rel="noopener">',
177	'</a>'
178	);
179	?>
180	</p>
181	<code class="cb-faq__code">
182	<?php
183	$output = "<script type=\"text/plain\" data-cookieconsent=\"statistics\">
184	(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');
185	ga('create', 'UA-00000000-0', 'auto');
186	ga('send', 'pageview');
187	</script>";
188	echo nl2br( esc_html( $output ) );
189	?>
190	</code>
191	</div>
192	</div>
193
194	<div class="cb-faq__container">
195	<h3 class="cb-faq__question"><?php esc_html_e( 'Helper function to update your scripts', 'cookiebot' ); ?>
196	<span class="cb-faq__toggle"></span></h3>
197	<div class="cb-faq__answer">
198	<p class="cb-faq__answer__content">
199	<?php
200	esc_html_e(
201	'You can update your scripts yourself. However, Cookiebot CMP also offers a small helper function that can make the work easier.',
202	'cookiebot'
203	);
204	?>
205	</p>
206	<p class="cb-faq__answer__content">
207	<?php esc_html_e( 'Update your script tags this way:', 'cookiebot' ); ?>
208	</p>
209	<?php
210	printf(
211	// translators: %1$s refers to the original script tag HTML, and %2$s refers to its replacement
212	esc_html__( '%1$s to %2$s', 'cookiebot' ),
213	'<code class="cb-faq__code">' . esc_html( '<script type="text/javascript">' ) . '</code>',
214	'<code class="cb-faq__code">' . esc_html( '<script<?php echo function_exists(\'cookiebot_assist\') ? cookiebot_assist(\'marketing\') : \' type="text/javascript"\' ?>>' ) . '</code>'
215	);
216	?>
217	</div>
218	</div>
219	</div>
220	</div>
221	</div>
222	</div>
223