Consulta cuando quieras la edición en Papel desde el lector de PDFs.
Pulsa aquí
![{name=Headline, data=Julio/Agosto del 2026 Nº 297, type=text, options=[], Milenium={name=Milenium, data=idcon=101905544;order=1.0, type=text, options=[]}, iterContentTypeIn=TeaserHeadline, iterContentTypeOut=Headline}](http://www.elperiodicodelazulejo.es/binrepository/195x250/11c0/174d250/none/10926/NDRL/pr-azulejo-20260731-pag-00_101905545_20260728104048.jpg "Julio/Agosto del 2026 Nº 297")
Coloronda todo un referente innovador
Ha desarrollado Gravitec Magnetic Coating, un esmalte llamado a revolucionar la colocación cerámica
- La instalación de la cerámica se realiza por fijación gracias a un campo magnético permanente.
Coloronda ha sido galardonada, por segundo año consecutivo, con uno de los premios Alfa de Oro que concede la Sociedad Española de Cerámica y Vidrio. La firma de Onda ha sido reconocida esta vez por la fabricación de Gravitec Magnetic Coating by Coloronda, un innovador esmalte magnético llamado a revolucionar los procesos de instalación de revestimientos cerámicos en las paredes.
La compañía ha decidido optimizar las tareas de colocación con el desarrollo de un recubrimiento ferromagnético idóneo para la adherencia de las piezas por fijación magnética sobre superficies capaces de generar un campo magnético permanente. Gravitec aporta, frente al sistema convencional, máxima versatilidad y facilidad, sobre todo para el cambio de baldosas, ya que no precisa de operaciones destructivas tanto para la desinstalación, como para la reposición o sustitución de las piezas.
La metodología de esta innovadora solución elimina los ruidos, el polvo y las molestias asociadas a la colocación cerámica clásica. Desde Coloronda describen que «hasta ahora no existía ningún producto en el sector capaz de aportar a las baldosas cerámicas prestaciones mejoradas para la instalación del material y que aporte un plus en reversibilidad del proceso, sencillez, rapidez y sostenibilidad medioambiental». Fuentes de la firma reseñan que «los ensayos realizados según las normativas vigentes han confirmado la excelente durabilidad, adherencia y resistencia a diferentes factores presentada por el nuevo esmalte magnético que, además, es un sistema inocuo tanto para equipos electrónicos como para las personas con marcapasos».
Con todo ello, Gravitec va a permitir al clúster abrir nuevos mercados y dotar la cerámica de un valor añadido frente a otros productos de su competencia.
An error occurred while processing the template.
Invocation of method 'substring' in class java.lang.String threw exception java.lang.StringIndexOutOfBoundsException: String index out of range: -2 at 21058/F/D_IMG_INF2_TXT_MOBILE[line 471, column 23]
1##----D_IMG_INF2_TXT_Mobile----
2$!iterVelocityTools.includeLibrary("https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js", "ITER.RESOURCE.CUSTOM.onBxsliderLoaded.resolve()")
3
4#set($sectionID = "#printAssignedSectionID_v1")
5#set ($varColorIter = $!iterVelocityTools.getVariable($sectionID , "color"))
6#set ($topcontent = $!iterVelocityTools.getVariable($sectionID , "printTopcontainer"))
7#set ($info = $!iterVelocityTools.getVariable("0" , "printInfo"))
8#set ($date = $!iterVelocityTools.getVariable("0" , "date"))
9#set ($hasImages = $articleToolbox.getNumImageTags("TeaserImage", "true"))
10#set ($hasImages = $numberTool.toNumber($hasImages).intValue())
11
12#set ($vocabulary = $!iterVelocityTools.getVariable($sectionID , "vocabulary"))
13
14#if($hasImages == 0 || $hasImages < 0)
15 #set($templateClass = "no-media")
16#end
17
18<div class="D_IMG_INF2_TXT">
19
20 #if($hasImages > 0)
21 ##MULTIMEDIA IMG
22 <div class="multimedia">
23 #getMultimediaMixed_v1("" "crop_768x432" "629" "354" "100%")
24 </div> <!-- multimedia -->
25 #end
26
27 ##INF2
28 <div class="inf2">
29 #set($hmAutores = {})
30 #getAcAssignedCatExtended_v1($hmAutores "Author")
31 #if($hmAutores.size() > 0)
32 <div class="author">
33 #set($hmAutor = $hmAutores.get(0))
34 <li class="byline" itemprop="author">
35 <a href="#metadataUrl_v1("autor")${hmAutor.friendlyname}">$hmAutor.name</a>
36 #if($info.split("\,").size() > 1 && $velocityCount < $info.split("\,").size())
37 <span class="separator">$!separador</span>
38 #end
39 <div class="add_topic_to_favorite_button topic_${hmAutor.id} author" value="$hmAutor.name" id="${hmAutor.id}" title="Seguir este autor" onClick="click_favorite_topic('${hmAutor.id}', $('#favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data'))"></div>
40 <div id="favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data" class="favorite_topic_alert" style="display: none;">Autor marcado para seguir</div>
41 </li>
42 </div>
43 #end
44 <div class="author date">
45 #printDateAgo("dd.MM.yyyy HH:mm","","","")
46 </div>
47 #set($title = "$!articleToolbox.getTag(null,'Headline').data")
48 #set($link = "#siteUrl()$articleToolbox.getArticleViewer('canonical')")
49 <nav class="shared">
50 <ul>
51 <li><a href="#comments" class="comentarios disqus" title="0 Comentarios"><i class="fa fa-comment" aria-hidden="true"></i><span>0</span></a></li>
52 <li><a href="mailto:?subject=Te%20envío%20esta%20noticia:%20${title}&body=${title}:%20${link}" class="RRSS mailto" onclick="ga('send', '${title}', 'Compartir', 'eMail');" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
53 <li><a href="https://www.facebook.com/share.php?u=${link}" class="RRSS facebook" onclick="ga('send', '${title}', 'Compartir', 'Facebook');" target="_blank"><i class="fa fa-facebook"></i></a></li>
54 <li><a href="https://twitter.com/intent/tweet?text=${title}&via=EPAzulejo&url=${link}" class="RRSS twitter" onclick="ga('send', '${title}', 'Compartir', 'Twitter');" target="_blank"><i class="fa fa-twitter"></i></a></li>
55 <li><a href="whatsapp://send?text=${link}" class="RRSS whatsapp" onclick="ga('send', '${title}', 'Compartir', 'Whatsapp');" target="_blank"><i class="fa fa-whatsapp"></i></a></li>
56 <li><a href="https://www.linkedin.com/sharing/share-offsite/?url=${link}" class="RRSS linkedin" onclick="ga('send', '${title}', 'Compartir', 'LinkedIn');" target="_blank"><i class="fa fa-linkedin"></i></a></li>
57 </ul>
58 </nav>
59
60 </div>
61
62 <div class="text v_01">
63 ##**************************************************************************
64 #set ($hashNames ={})
65 #set ($temp = $hashNames.put("Text","text"))
66 #set ($temp = $hashNames.put("HTML_Text","html"))
67 #set ($temp = $hashNames.put("Lead","lead"))
68 #set ($temp = $hashNames.put("Image_Text","Image_Text"))
69 #set ($temp = $hashNames.put("Image_Text_Vertical","Image_Text_Vertical"))
70 #set ($temp = $hashNames.put("Quote","quote"))
71 #set ($temp = $hashNames.put("Youtube_Text","Youtube_Text"))
72 #set ($temp = $hashNames.put("Twitter_Text","Twitter_Text"))
73 #set ($temp = $hashNames.put("Facebook_Text","Facebook_Text"))
74 #set ($temp = $hashNames.put("Multimedia_Text","Multimedia_Text"))
75 #set ($temp = $hashNames.put("Vimeo_Text","Vimeo_Text"))
76 #set ($temp = $hashNames.put("Link_Text","link_text"))
77 #set ($temp = $hashNames.put("Intext","intext"))
78 #set ($temp = $hashNames.put("Destacado","Destacado"))
79 #set ($temp = $hashNames.put("Question","Question"))
80 #set ($temp = $hashNames.put("lista","lista"))
81 #set ($temp = $hashNames.put("lista_numerica","lista_numerica"))
82 ##**************************************************************************
83 #set($cropName = "crop_400x225")
84 #set($widthMultimedia = "400")
85 #set($heightMultimedia = "225")
86 #set($cropSizes = "100%")
87 #set($contadorParrafos = 0)
88 #set($childrenTags = $articleToolbox.getChildrenTags(null))
89 #set($currentElement = 0)
90 ##**************************************************************************
91 #set($slide_imgTxt = false)
92
93 #foreach($el in $childrenTags)
94 #set ($element = {})
95 #set ($cssclass=$hashNames.get($el.name))
96 #if($cssclass)
97 #set ($temp = $element.put("name",$el.name))
98 #set ($temp = $element.put("cssclass",$cssclass))
99 #if ($environment == 'PREVIEW')
100 #set($tempIter = " iterhtmlid='$el.Milenium.data' ")
101 #else
102 #set($tempIter = "")
103 #end
104
105 #if($element.name == "Image_Text")
106 #if($el && $el.trim() != "")
107 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
108 #set($ind = $currentElement+1)
109
110 #if($childrenTags.get($ind).name == "Image_Text" && $slide_imgTxt == false)
111 #set($name_s = "bx_slider_it_" + $currentElement)
112 <div class="$name_s">
113 #set($slide_imgTxt = true)
114 #end
115 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
116 <figure class="contentMedia art-img ${element.cssclass}" >
117 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
118 #set($AltImage = "#getAltImage_v1($tempImage)")
119 #set($TitleImage = "#getTitleImage_v1($tempImage)")
120 #if($enviromentVersion == "new")#*
121 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
122 *##else#*
123 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
124 *##end
125 #if($imgHtml)
126 $imgHtml
127 #end
128 #if($el.Cutline && $el.Cutline.data != "")
129 #if ($environment == 'PREVIEW')
130 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
131 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
132 #else
133 #set($tempIter = "")
134 #set($tempIter2 = "")
135 #end
136 <div class="cutline-byline" tempIter>
137 <span class="cutline-text" tempIter>$!el.Cutline.data</span>
138 #if($el.Byline && $el.Byline.data != "")
139 <span class="byline-image" tempIter2> | $el.Byline.data </span>
140 #end
141 </div>
142 #end
143 </figure>
144 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
145 #if($childrenTags.get($ind).name != "Image_Text" && $slide_imgTxt)
146 </div>
147 <script>
148 $(".$name_s").bxSlider({
149 auto: false,
150 pager: false,
151 controls: true,
152 infiniteLoop: false,
153 slideMargin: 20
154 });
155 </script>
156 #set($slide_imgTxt = false)
157 #end
158 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
159 #end
160 #end
161
162 #if($element.name == "Image_Text_Vertical")
163 #if($el && $el.trim() != "")
164 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
165 #set($ind = $currentElement+1)
166
167 #if($childrenTags.get($ind).name == "Image_Text_Vertical" && $slide_imgTxt == false)
168 #set($name_s = "bx_slider_it_" + $currentElement)
169 <div class="$name_s">
170 #set($slide_imgTxt = true)
171 #end
172 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
173 <figure class="contentMedia art-img ${element.cssclass}" >
174 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
175 #set($AltImage = "#getAltImage_v1($tempImage)")
176 #set($TitleImage = "#getTitleImage_v1($tempImage)")
177 #if($enviromentVersion == "new")#*
178 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
179 *##else#*
180 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
181 *##end
182 #if($imgHtml)
183 $imgHtml
184 #end
185 #if($el.Cutline && $el.Cutline.data != "")
186 #if ($environment == 'PREVIEW')
187 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
188 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
189 #else
190 #set($tempIter = "")
191 #set($tempIter2 = "")
192 #end
193 <div class="cutline-byline">
194 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
195 #if($el.Byline && $el.Byline.data != "")
196 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
197 #end
198 </div>
199 #end
200 </figure>
201 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
202 #if($childrenTags.get($ind).name != "Image_Text_Vertical" && $slide_imgTxt)
203 </div>
204 <script>
205 $(".$name_s").bxSlider({
206 auto: false,
207 pager: false,
208 controls: true,
209 infiniteLoop: false,
210 minSlides: 1,
211 maxSlides: 1,
212 slideMargin: 20,
213 hideControlOnEnd: true
214 });
215 </script>
216 #set($slide_imgTxt = false)
217 #end
218 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
219
220
221
222 #end
223 #end
224
225 #if($element.name == "Youtube_Text")
226 #if($el && $el.trim() != "")
227 <div class="multimediaMacroWrapper ${element.cssclass}">
228 <div class="contentMedia art-youtube" $!tempIter>
229 <div class="responsive-video">
230 <iframe allowfullscreen="" frameborder="0" height="$heightMultimedia" width="$widthMultimedia" src="//www.youtube.com/embed/$el.data?wmode=transparent&showinfo=0&theme=light"></iframe>
231 </div>
232 </div>
233 </div>
234 #end
235 #end
236
237 #if($element.name == "Vimeo_Text")
238 #if($el && $el.trim() != "")
239 <div class="multimediaMacroWrapper ${element.cssclass}">
240 <div class="contentMedia art-vimeo" $!tempIter>
241 <div class="responsive-video">
242 <iframe class="vimeo-player" src="//player.vimeo.com/video/$el.data" width="$widthMultimedia" height="$heightMultimedia" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
243 </div>
244 </div>
245 </div>
246 #end
247 #end
248
249 #if($element.name == "Twitter_Text")
250 #if($el && $el.trim() != "")
251 <div class="art-twitter ${element.cssclass}" $!tempIter>
252 <div class="twitter-content">
253 <blockquote class="twitter-tweet">
254 <a href='$!el.data'></a>
255 </blockquote>
256 $!iterVelocityTools.includeLibrary("https://platform.twitter.com/widgets.js", "ITER.RESOURCE.CUSTOM.TwitterLoaded.resolve()")
257 </div>
258 </div>
259 #end
260 #end
261
262 #if($element.name == "Facebook_Text")
263 #if($el.data && $el.data.trim() != "")
264 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
265 #end
266 #end
267
268 #if($element.name == "Multimedia_Text")
269 #if($el && $el.trim() != "")
270 <div class="multimediaMacroWrapper">
271 <div class="contentMedia art-video interno ${element.cssclass}" $!tempIter>
272 <div class="responsive-video">
273
274 #if($el.Extension.data && $el.Extension.data == "mp3")
275 <audio controls width="$widthMultimedia" height="$heightMultimedia">
276 <source src="$el.Document.data" type="audio/mpeg">
277 </audio>
278 #elseif ($el.Extension.data && $el.Extension.data == "mp4")
279 <div id="multimediaPlayer${reserved-article-id.data}${velocityCount}" class="jwplayer-content" preview="$el.Preview.data" data_document="$el.Document.data" >Cargando reproductor ...</div>
280
281 ##<video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimedia" height="$!heightMultimedia">
282 ## <source src="$!el.Document.data" type="video/mp4">
283 ## Tu navegador no soporta el vídeo de HTML5
284 ##</video>
285 #end
286
287 </div>
288 </div>
289 </div>
290 #end
291 #end
292
293 #if($element.name == "HTML_Text")
294 #if($el.data && $el.data.trim() != "")
295 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
296 #end
297 #end
298 #if($element.name == "Link_Text")
299 #if($el.data && $el.data.trim() != "")
300 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
301 #end
302 #end
303 #if($element.name == "Lead")
304 #if($el && $el.trim() != "")
305 <h3 class='${element.cssclass} entradilla' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h3>
306 #end
307 #end
308 #if($element.name == "Ladillo")
309 #if($el && $el.trim() != "")
310 <h2 class='${element.cssclass} ladillo' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h2>
311 #end
312 #end
313
314 #if($element.name == "Text")
315 #if($el && $el.trim() != "")
316 <div class='paragraph' mlnid="$el.Milenium.data">
317 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
318 #foreach($parrafo in $tempArrayText)
319 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
320 #if($parrafo != "")
321 #set($contadorParrafos = $contadorParrafos + 1)
322 #if($contadorParrafos == 2)
323 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dcha")</div>
324 #elseif($contadorParrafos == 4)
325 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchab")</div>
326 #elseif($contadorParrafos == 9)
327 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchac")</div>
328 #elseif($contadorParrafos == 11)
329 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
330 #end
331 <p class="p_$contadorParrafos">$parrafo</p>
332 #end
333 #end
334 </div>
335 #end
336 #end
337
338 #if($element.name == "Intext")
339 #if($el && $el.trim() != "")
340 <div class='${element.cssclass}' $!tempIter>
341 $!el.data.trim().replaceAll("&","&")
342 </div>
343 #end
344 #end
345
346 #if($element.name == "Quote")
347 #if($el && $el.trim() != "")
348 <blockquote class='${element.cssclass}' $!tempIter>
349 <span>$!el.data.trim().replaceAll("&","&")</span>
350 </blockquote>
351 #end
352 #end
353 #if($element.name == "Destacado")
354 #if($el && $el.trim() != "")
355 <div class='${element.cssclass}' $!tempIter>
356 <span>$!el.data.trim().replaceAll("&","&")</span>
357 </div>
358 #end
359 #end
360 #if($element.name == "lista")
361 #if($el && $el.trim() != "")
362 <ul class='${element.cssclass}'>
363 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
364 #foreach($parrafo in $tempArrayText)
365 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
366 #if($parrafo != "")
367 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
368 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
369 ##else
370 <li>$!parrafo</li>
371 ##end
372 #end
373 #end
374 </ul>
375 #end
376 #end
377 #if($element.name == "lista_numerica")
378 #if($el && $el.trim() != "")
379 <ol class='${element.cssclass}'>
380 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
381 #foreach($parrafo in $tempArrayText)
382 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
383 #if($parrafo != "")
384 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
385 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
386 ##else
387 <li>$!parrafo</li>
388 ##end
389 #end
390 #end
391 </ol>
392 #end
393 #end
394
395 #if($element.name == "Question")
396 #if($el && $el.trim() != "")
397 #set($namespace = $randomNamespace)
398 #initPoll_v1
399 <div class='${element.cssclass}' $!tempIter groupId="$groupId" questionId="$Question.questionid">
400 <div class="question-poll">
401 ##QUESTION
402 <h3 class="headline question">$!Question.data</h2>
403 </div> <!-- Fin div question-poll -->
404 ##CHOICES
405 <div class="${namespace}_choices visible">
406 #if ($Question && $Question.Answer && $Question.Answer.getSiblings() && $Question.Answer.getSiblings().size() > 0)
407 <form id="${namespace}_form" name="${namespace}_form" class="${namespace}_form" >
408 <input name="questionId" type="hidden" value="$Question.questionid" />
409 #foreach ($answer in $Question.Answer.getSiblings())
410 <span class="choice"><input type="radio" value="$answer.choiceid" name="choiceId" class="choiceOption">$answer.data</span>
411 #end
412 <span class="vote-btn btn">Vota</span>
413 </form>
414 #end
415 </div> <!-- Fin div choices -->
416 <div class="${namespace}_results hidden"></div>
417
418 </div>
419 <script>
420 jQuery(".${namespace}_form .vote-btn.btn").bind("click",function(){
421 var resultVote = IterPoll.vote(jQuery('.${namespace}_form'),JSON.parse('#getPollJson_v1'));
422 console.log("resultVote = " + resultVote);
423 if(resultVote == true){
424 IterPoll.getPollData(JSON.parse('#getPollJson_v1'),".${namespace}_results",IterPoll.printPollResultSimple);
425 }
426 jQuery(".${namespace}_results").addClass("visible");
427 jQuery(".${namespace}_choices").addClass("hidden");
428 jQuery(".${namespace}_choices").removeClass("visible");
429 jQuery(".${namespace}_results").removeClass("hidden");
430 })
431 </script>
432 #end
433 #end
434 ## cssclass
435 #end
436 ## childrenTags
437 #set($currentElement = $currentElement + 1)
438 #end
439 ##**************************************************************************
440 #set ($TextTagEn = $!articleToolbox.getTag(null, "Text_en"))
441 #if($TextTagEn && $TextTagEn.data != "")
442 <div class="en">
443 #getText_En_v1($TextTagEn)
444 </div>
445 #end
446 </div> <!-- Fin div text -->
447
448</div>
449
450<!-- TABOOLA -->
451<div id="bloque_bajo_noticia"></div>
452
453#if($contadorParrafos <= 3)
454 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchab")</div>
455 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchac")</div>
456 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
457#elseif($contadorParrafos <= 8)
458 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchac")</div>
459 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
460#elseif($contadorParrafos <= 10)
461 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
462#end
463
464
465## ******** DATALAYER DETALLE *******************************
466#set($mask_d = "YYYY-MM-dd'T'HH:mm:ssZZ")
467#set($date_m = "#printDateFrom_v1($mask_d)" )
468##PONEMOS LOS : EN EL DESPLAZAMIENTO UTC
469#set($date_m = $date_m.trim())
470#set($tam = $date_m.length() - 2)
471#set($val-1 = $date_m.substring(0, $tam))
472#set($val-2 = $date_m.substring($tam))
473#set($date_m = $val-1 + ":" + $val-2)
474#set($date_s = "#printDateFrom_v1('yyy-MM-dd')" )
475#set($autorfinal = "")
476#set($hmAutores = {})
477#getAcAssignedCatExtended_v1($hmAutores "Author")
478#if($hmAutores.size() > 0)
479 #foreach ($hmAutor in $hmAutores)
480 #set($autorfinal = $hmAutor.friendlyname.replaceAll("-", " "))
481 #end
482#end
483#if($autorfinal == "")
484 #set($autorfinal = "redaccion")
485#end
486
487##*************** TEMAS ***************************
488#set($keywordsfinal_datalayer = '')
489#if($auxCatalagoTema.size() > 0)
490 #foreach($keyword in $auxCatalagoTema)
491
492 #if($keywordsfinal_datalayer == '')
493 #set($keywordsfinal_datalayer = $keyword.friendlyname.replaceAll("-", " "))
494 #else
495 #set($keywordsfinal_datalayer = $keywordsfinal_datalayer + '|' + $keyword.friendlyname.replaceAll("-", " "))
496 #end
497 #end
498 #set($keywordsfinal_datalayer = '"' + $keywordsfinal_datalayer + '"')
499#else
500 #set($keywordsfinal_datalayer = 'undefined')
501#end
502
503
504#set ($xml =$articleContext.selectNodes('//section'))
505#set($nivel = 1)
506#set($secc1 = "")
507#set($secc2 = "undefined")
508#set($secc3 = "undefined")
509#foreach ($nodexml in $xml )
510 #if($nivel < 4)
511 #set($secc = $htmlUtil.escape($!nodexml.attribute('name').getValue()))
512 #set($secc = $secc.replaceAll("\n", "") )
513 #set($seccID = $htmlUtil.escape($!nodexml.attribute('id').getValue()))
514 #if($nivel == 1)
515 #set($secc1 = $secc)
516 #elseif($nivel == 2)
517 #set($secc2 = $secc)
518 #elseif($nivel == 3)
519 #set($secc3 = $secc)
520 #end
521 #set($nivel = $nivel + 1)
522 #end
523#end
524
525<script nominify>
526var sec2 = undefined;
527var sec3 = undefined;
528#if($secc2 != "undefined")
529 var sec2 = normalize_str_data("$secc2");
530#end
531#if($secc3 != "undefined")
532 var sec3 = normalize_str_data("$secc3");
533#end
534window.dataLayer = window.dataLayer || [];
535window.dataLayer.push ({
536 "event": "pageview",
537 "content": {
538 "access": "abierto",
539 "category": "ocio",
540 "date": {
541 "modification": "$date_m.trim()",
542 "publication": "$date_m.trim()",
543 "publication_short": "$date_s.trim()"
544 },
545 "id": "$reserved-article-id.data",
546 "person": {
547 "author": "$autorfinal",
548 "editor": "$autorfinal"
549 },
550 "section": {
551 "level_1": normalize_str_data("$secc1"),
552 "level_2": sec2,
553 "level_3": sec3
554 },
555 "tag": $keywordsfinal_datalayer,
556 "type": {
557 "cms": "noticia" // noticia|portada
558 },
559 },
560 "page": {
561 "view_id": Math.floor(Date.now() / 1000),
562 "ga4_id": "G-JMFTHHM0FB"
563 },
564 "product": {
565 "platform": "web", // web|amp
566 "product.area" : "regionales",
567 "product.brand" : "el periodico del azulejo",
568 "product.name" : "elperiodicodelazulejo"
569 }
570})
571</script>