Consulta cuando quieras la edición en Papel desde el lector de PDFs.
Pulsa aquí
![{name=Headline, data=Abril/Mayo 2025 Nº 284, type=text, options=[], Milenium={name=Milenium, data=idcon=81483550;order=1.0, type=text, options=[]}, iterContentTypeIn=TeaserHeadline, iterContentTypeOut=Headline}](http://www.elperiodicodelazulejo.es/binrepository/195x250/11c0/174d250/none/10926/PKNS/extracted-pages-from-azule-250430-un_81483551_20250509110831.jpg "Abril/Mayo 2025 Nº 284")
APE Grupo anticipa las tendencias en interiorismo
La marca ha presentado el estudio: ‘The new habitat. Espacios que habitamos en la realidad pospandémica’
- De izquierda a derecha, José Miguel Pellicer, CEO de APE Grupo; Alicia García Cabrera, directora de la muestra de tendencias Casa Decor; y Pepa Casado, fundadora e investigadora de la firma Future-A.
-
Una vivienda modular que por el día es oficina y por la noche un hogar común. Un hotel que reconvierte sus habitaciones en espacios de coworking de lunes a viernes y los fines de semana recibe a turistas. Una oficina entendida como punto de encuentro de empleados y no como centro de trabajo. O una tienda física orientada a la experiencia del usuario, pero que anima a la compra de sus productos por internet. Puede parecer que son los espacios que habitaremos en el futuro, pero estos cambios ya han llegado.
Estas son algunas de las conclusiones del estudio The new habitat. Los espacios que habitamos en la realidad pospandémica, realizado por APE Grupo en colaboración con future-A y que se ha presentado en junio en Casa Decor.
El informe constata cómo ha influido la crisis del coronavirus en el diseño de los espacios. Para su realización se ha llevado a cabo una investigación de tendencias en el ámbito internacional y se ha analizado la opinión de 180 expertos españoles del diseño y la arquitectura.
«En este momento de inflexión estratégica, la innovación es necesaria para adecuarnos a los desafíos a los que nos enfrentamos como sociedad», ha asegurado José Miguel Pellicer, CEO de APE Grupo. «Estamos viviendo un periodo de incertidumbre, por lo que en APE Grupo sentimos el deber de investigar y compartir este conocimiento a través de un documento pionero en el sector que anticipa los cambios en los principales espacios vitales en los que se desarrollan nuestras vidas», concluye.
1. Nuevo paradigma de vivienda. La falta de espacio, la reducción del tamaño medio de las casas o la introducción de nuevas funciones en el hogar, como el teletrabajo o el deporte, se unen con estilos de vida más dinámicos y cambiantes que obligan a la vivienda a adaptarse de forma rápida. De hecho, la flexibilidad del espacio será muy importante para diseñar la casa del futuro, tal y como afirman el 80% de los profesionales.
La introducción de un concepto como el hoffice (home office) obliga a planificar los hogares para la conciliación entre trabajo y vida personal. Entre los criterios que priorizan los arquitectos y diseñadores de interiores españoles para diseñar la vivienda del futuro destaca su apertura al exterior, la flexibilidad del espacio interior y la sostenibilidad.
2. Espacios de trabajo flexibles. Hoy, tras la popularización del teletrabajo, un 37% de los profesionales del sector cree que la oficina será el espacio en el que prime el espíritu colaborativo, Así, el espacio se dividirá en zonas destinadas a la concentración, el brainstorming y de trabajo conjunto. El coronavirus también ha provocado la toma de conciencia sobre la importancia de crear áreas de trabajo saludables, que apoyen el bienestar físico y emocional de los empleados.
3. Hoteles: desconexión y teletrabajo. Los hoteles aislados en medio de parajes naturales han sido los que mejor han sobrevivido a la crisis del turismo. Estos establecimientos ya no aspiran a ser un espacio destinado para el turista o el viajero de negocios, sino que quiere lograr un posicionamiento como espacio conectado a su entorno y convertirse en un ente participativo. Así se generan espacios combinados entre hotel y oficina, donde los teletrabajadores encuentran servicios adecuados a sus necesidades.
4. Las tiendas phigital. La experiencia omnicanal (venta coordinada a través de canales físicos y digitales) será fundamental en el futuro. La tienda física se convertirá en un paso más dentro del proceso de compra, que se conectará con ecommerce o marketplaces, haciendo de los locales un espacio phygital. El estudio completo puede descargarse en: https://bit.ly/TheNewHabitat.
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 474, 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
11#set ($vocabulary = $!iterVelocityTools.getVariable($sectionID , "vocabulary"))
12
13#if($hasImages <= 0)
14 #set($templateClass = "no-media")
15#end
16
17<div class="D_IMG_INF2_TXT">
18
19 #if($hasImages > 0)
20 ##MULTIMEDIA IMG
21 <div class="multimedia">
22
23 #getMultimediaMixed_v1("" "crop_768x432" "629" "354" "100%")
24
25
26 </div> <!-- multimedia -->
27 #end
28
29 ##INF2
30 <div class="inf2">
31 #set($hmAutores = {})
32 #getAcAssignedCatExtended_v1($hmAutores "Author")
33 #if($hmAutores.size() > 0)
34 <div class="author">
35 #set($hmAutor = $hmAutores.get(0))
36 <li class="byline" itemprop="author">
37 <a href="#metadataUrl_v1("autor")${hmAutor.friendlyname}">$hmAutor.name</a>
38 #if($info.split("\,").size() > 1 && $velocityCount < $info.split("\,").size())
39 <span class="separator">$!separador</span>
40 #end
41 <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>
42 <div id="favorite_topic_alert_${hmAutor.id}_$!reserved-article-id.data" class="favorite_topic_alert" style="display: none;">Autor marcado para seguir</div>
43 </li>
44 </div>
45 #end
46 <div class="author date">
47 #printDateAgo("dd.MM.yyyy HH:mm","Hace","minuto", "hora")
48 </div>
49 #set($title = "$!articleToolbox.getTag(null,'Headline').data")
50 #set($link = "#siteUrl()$articleToolbox.getArticleViewer('canonical')")
51 <nav class="shared">
52 <ul>
53 <li><a href="#comments" class="comentarios disqus" title="0 Comentarios"><i class="fa fa-comment" aria-hidden="true"></i><span>0</span></a></li>
54 <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>
55 <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>
56 <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>
57 <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>
58 <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>
59 </ul>
60 </nav>
61
62
63 </div>
64
65 <div class="text v_01">
66 ##**************************************************************************
67 #set ($hashNames ={})
68 #set ($temp = $hashNames.put("Text","text"))
69 #set ($temp = $hashNames.put("HTML_Text","html"))
70 #set ($temp = $hashNames.put("Lead","lead"))
71 #set ($temp = $hashNames.put("Image_Text","Image_Text"))
72 #set ($temp = $hashNames.put("Image_Text_Vertical","Image_Text_Vertical"))
73 #set ($temp = $hashNames.put("Quote","quote"))
74 #set ($temp = $hashNames.put("Youtube_Text","Youtube_Text"))
75 #set ($temp = $hashNames.put("Twitter_Text","Twitter_Text"))
76 #set ($temp = $hashNames.put("Facebook_Text","Facebook_Text"))
77 #set ($temp = $hashNames.put("Multimedia_Text","Multimedia_Text"))
78 #set ($temp = $hashNames.put("Vimeo_Text","Vimeo_Text"))
79 #set ($temp = $hashNames.put("Link_Text","link_text"))
80 #set ($temp = $hashNames.put("Intext","intext"))
81 #set ($temp = $hashNames.put("Destacado","Destacado"))
82 #set ($temp = $hashNames.put("Question","Question"))
83 #set ($temp = $hashNames.put("lista","lista"))
84 #set ($temp = $hashNames.put("lista_numerica","lista_numerica"))
85 ##**************************************************************************
86 #set($cropName = "crop_400x225")
87 #set($widthMultimedia = "400")
88 #set($heightMultimedia = "225")
89 #set($cropSizes = "100%")
90 #set($contadorParrafos = 0)
91 #set($childrenTags = $articleToolbox.getChildrenTags(null))
92 #set($currentElement = 0)
93 ##**************************************************************************
94 #set($slide_imgTxt = false)
95
96 #foreach($el in $childrenTags)
97 #set ($element = {})
98 #set ($cssclass=$hashNames.get($el.name))
99 #if($cssclass)
100 #set ($temp = $element.put("name",$el.name))
101 #set ($temp = $element.put("cssclass",$cssclass))
102 #if ($environment == 'PREVIEW')
103 #set($tempIter = " iterhtmlid='$el.Milenium.data' ")
104 #else
105 #set($tempIter = "")
106 #end
107
108 #if($element.name == "Image_Text")
109 #if($el && $el.trim() != "")
110 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
111 #set($ind = $currentElement+1)
112
113 #if($childrenTags.get($ind).name == "Image_Text" && $slide_imgTxt == false)
114 #set($name_s = "bx_slider_it_" + $currentElement)
115 <div class="$name_s">
116 #set($slide_imgTxt = true)
117 #end
118 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
119 <figure class="contentMedia art-img ${element.cssclass}" >
120 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
121 #set($AltImage = "#getAltImage_v1($tempImage)")
122 #set($TitleImage = "#getTitleImage_v1($tempImage)")
123 #if($enviromentVersion == "new")#*
124 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
125 *##else#*
126 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","$cropName","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
127 *##end
128 #if($imgHtml)
129 $imgHtml
130 #end
131 #if($el.Cutline && $el.Cutline.data != "")
132 #if ($environment == 'PREVIEW')
133 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
134 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
135 #else
136 #set($tempIter = "")
137 #set($tempIter2 = "")
138 #end
139 <div class="cutline-byline" tempIter>
140 <span class="cutline-text" tempIter>$!el.Cutline.data</span>
141 #if($el.Byline && $el.Byline.data != "")
142 <span class="byline-image" tempIter2> | $el.Byline.data </span>
143 #end
144 </div>
145 #end
146 </figure>
147 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
148 #if($childrenTags.get($ind).name != "Image_Text" && $slide_imgTxt)
149 </div>
150 <script>
151 $(".$name_s").bxSlider({
152 auto: false,
153 pager: false,
154 controls: true,
155 infiniteLoop: false,
156 slideMargin: 20
157 });
158 </script>
159 #set($slide_imgTxt = false)
160 #end
161 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
162 #end
163 #end
164
165 #if($element.name == "Image_Text_Vertical")
166 #if($el && $el.trim() != "")
167 ## vemos si hay mas image_text detras +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
168 #set($ind = $currentElement+1)
169
170 #if($childrenTags.get($ind).name == "Image_Text_Vertical" && $slide_imgTxt == false)
171 #set($name_s = "bx_slider_it_" + $currentElement)
172 <div class="$name_s">
173 #set($slide_imgTxt = true)
174 #end
175 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
176 <figure class="contentMedia art-img ${element.cssclass}" >
177 #set($tempImage = $articleToolbox.getImageNode($el.name, $el.Milenium.data, "true"))
178 #set($AltImage = "#getAltImage_v1($tempImage)")
179 #set($TitleImage = "#getTitleImage_v1($tempImage)")
180 #if($enviromentVersion == "new")#*
181 *##set($imgHtml = $!articleToolbox.getImageTag2("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
182 *##else#*
183 *##set($imgHtml = $!articleToolbox.getImageTag("$el.name","$el.Milenium.data","crop_vertical","","","","false","$!$AltImage","$!TitleImage","$!cropSizes"))#*
184 *##end
185 #if($imgHtml)
186 $imgHtml
187 #end
188 #if($el.Cutline && $el.Cutline.data != "")
189 #if ($environment == 'PREVIEW')
190 #set($tempIter = "mlnid='$el.Cutline.Milenium.data' ")
191 #set($tempIter2 = " mlnid='$el.Byline.Milenium.data' ")
192 #else
193 #set($tempIter = "")
194 #set($tempIter2 = "")
195 #end
196 <div class="cutline-byline">
197 <span class="cutline-text" $tempIter>$!el.Cutline.data</span>
198 #if($el.Byline && $el.Byline.data != "")
199 <span class="byline-image" $tempIter2> | $el.Byline.data </span>
200 #end
201 </div>
202 #end
203 </figure>
204 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
205 #if($childrenTags.get($ind).name != "Image_Text_Vertical" && $slide_imgTxt)
206 </div>
207 <script>
208 $(".$name_s").bxSlider({
209 auto: false,
210 pager: false,
211 controls: true,
212 infiniteLoop: false,
213 minSlides: 1,
214 maxSlides: 1,
215 slideMargin: 20,
216 hideControlOnEnd: true
217 });
218 </script>
219 #set($slide_imgTxt = false)
220 #end
221 ## +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
222
223
224
225 #end
226 #end
227
228 #if($element.name == "Youtube_Text")
229 #if($el && $el.trim() != "")
230 <div class="multimediaMacroWrapper ${element.cssclass}">
231 <div class="contentMedia art-youtube" $!tempIter>
232 <div class="responsive-video">
233 <iframe allowfullscreen="" frameborder="0" height="$heightMultimedia" width="$widthMultimedia" src="//www.youtube.com/embed/$el.data?wmode=transparent&showinfo=0&theme=light"></iframe>
234 </div>
235 </div>
236 </div>
237 #end
238 #end
239
240 #if($element.name == "Vimeo_Text")
241 #if($el && $el.trim() != "")
242 <div class="multimediaMacroWrapper ${element.cssclass}">
243 <div class="contentMedia art-vimeo" $!tempIter>
244 <div class="responsive-video">
245 <iframe class="vimeo-player" src="//player.vimeo.com/video/$el.data" width="$widthMultimedia" height="$heightMultimedia" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
246 </div>
247 </div>
248 </div>
249 #end
250 #end
251
252 #if($element.name == "Twitter_Text")
253 #if($el && $el.trim() != "")
254 <div class="art-twitter ${element.cssclass}" $!tempIter>
255 <div class="twitter-content">
256 <blockquote class="twitter-tweet">
257 <a href='$!el.data'></a>
258 </blockquote>
259 $!iterVelocityTools.includeLibrary("https://platform.twitter.com/widgets.js", "ITER.RESOURCE.CUSTOM.TwitterLoaded.resolve()")
260 </div>
261 </div>
262 #end
263 #end
264
265 #if($element.name == "Facebook_Text")
266 #if($el.data && $el.data.trim() != "")
267 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
268 #end
269 #end
270
271 #if($element.name == "Multimedia_Text")
272 #if($el && $el.trim() != "")
273 <div class="multimediaMacroWrapper">
274 <div class="contentMedia art-video interno ${element.cssclass}" $!tempIter>
275 <div class="responsive-video">
276
277 #if($el.Extension.data && $el.Extension.data == "mp3")
278 <audio controls width="$widthMultimedia" height="$heightMultimedia">
279 <source src="$el.Document.data" type="audio/mpeg">
280 </audio>
281 #elseif ($el.Extension.data && $el.Extension.data == "mp4")
282 <div id="multimediaPlayer${reserved-article-id.data}${velocityCount}" class="jwplayer-content" preview="$el.Preview.data" data_document="$el.Document.data" >Cargando reproductor ...</div>
283
284 ##<video id="multimediaPlayer$!{reserved-article-id.data}${velocityCount}" poster="$!el.Preview.data" controls width="$!widthMultimedia" height="$!heightMultimedia">
285 ## <source src="$!el.Document.data" type="video/mp4">
286 ## Tu navegador no soporta el vídeo de HTML5
287 ##</video>
288 #end
289
290 </div>
291 </div>
292 </div>
293 #end
294 #end
295
296 #if($element.name == "HTML_Text")
297 #if($el.data && $el.data.trim() != "")
298 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
299 #end
300 #end
301 #if($element.name == "Link_Text")
302 #if($el.data && $el.data.trim() != "")
303 <div class='${element.cssclass}'>$!el.data.trim().replaceAll("&","&")</div>
304 #end
305 #end
306 #if($element.name == "Lead")
307 #if($el && $el.trim() != "")
308 <h3 class='${element.cssclass} entradilla' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h3>
309 #end
310 #end
311 #if($element.name == "Ladillo")
312 #if($el && $el.trim() != "")
313 <h2 class='${element.cssclass} ladillo' mlnid="$el.Milenium.data">$!el.data.trim().replaceAll("&","&")</h2>
314 #end
315 #end
316
317 #if($element.name == "Text")
318 #if($el && $el.trim() != "")
319 <div class='paragraph' mlnid="$el.Milenium.data">
320 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
321 #foreach($parrafo in $tempArrayText)
322 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
323 #if($parrafo != "")
324 #set($contadorParrafos = $contadorParrafos + 1)
325 #if($contadorParrafos == 2)
326 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dcha")</div>
327 #elseif($contadorParrafos == 4)
328 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchab")</div>
329 #elseif($contadorParrafos == 9)
330 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchac")</div>
331 #elseif($contadorParrafos == 11)
332 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
333 #end
334 <p class="p_$contadorParrafos">$parrafo</p>
335 #end
336 #end
337 </div>
338 #end
339 #end
340
341 #if($element.name == "Intext")
342 #if($el && $el.trim() != "")
343 <div class='${element.cssclass}' $!tempIter>
344 $!el.data.trim().replaceAll("&","&")
345 </div>
346 #end
347 #end
348
349 #if($element.name == "Quote")
350 #if($el && $el.trim() != "")
351 <blockquote class='${element.cssclass}' $!tempIter>
352 <span>$!el.data.trim().replaceAll("&","&")</span>
353 </blockquote>
354 #end
355 #end
356 #if($element.name == "Destacado")
357 #if($el && $el.trim() != "")
358 <div class='${element.cssclass}' $!tempIter>
359 <span>$!el.data.trim().replaceAll("&","&")</span>
360 </div>
361 #end
362 #end
363 #if($element.name == "lista")
364 #if($el && $el.trim() != "")
365 <ul class='${element.cssclass}'>
366 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
367 #foreach($parrafo in $tempArrayText)
368 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
369 #if($parrafo != "")
370 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
371 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
372 ##else
373 <li>$!parrafo</li>
374 ##end
375 #end
376 #end
377 </ul>
378 #end
379 #end
380 #if($element.name == "lista_numerica")
381 #if($el && $el.trim() != "")
382 <ol class='${element.cssclass}'>
383 #set($tempArrayText = $el.data.trim().replaceAll("&","&").split("</p>"))
384 #foreach($parrafo in $tempArrayText)
385 #set($parrafo = $parrafo.replaceAll("<p>", "").replaceAll("</p>", "").trim())
386 #if($parrafo != "")
387 ##if($environment == "LIVE" && $reserved-article-id.data.contains("NM") == false)
388 ## <li><?php format_post_content('<?xml encoding="utf-8" ?>$parrafo')?></li>
389 ##else
390 <li>$!parrafo</li>
391 ##end
392 #end
393 #end
394 </ol>
395 #end
396 #end
397
398 #if($element.name == "Question")
399 #if($el && $el.trim() != "")
400 #set($namespace = $randomNamespace)
401 #initPoll_v1
402 <div class='${element.cssclass}' $!tempIter groupId="$groupId" questionId="$Question.questionid">
403 <div class="question-poll">
404 ##QUESTION
405 <h3 class="headline question">$!Question.data</h2>
406 </div> <!-- Fin div question-poll -->
407 ##CHOICES
408 <div class="${namespace}_choices visible">
409 #if ($Question && $Question.Answer && $Question.Answer.getSiblings() && $Question.Answer.getSiblings().size() > 0)
410 <form id="${namespace}_form" name="${namespace}_form" class="${namespace}_form" >
411 <input name="questionId" type="hidden" value="$Question.questionid" />
412 #foreach ($answer in $Question.Answer.getSiblings())
413 <span class="choice"><input type="radio" value="$answer.choiceid" name="choiceId" class="choiceOption">$answer.data</span>
414 #end
415 <span class="vote-btn btn">Vota</span>
416 </form>
417 #end
418 </div> <!-- Fin div choices -->
419 <div class="${namespace}_results hidden"></div>
420
421 </div>
422 <script>
423 jQuery(".${namespace}_form .vote-btn.btn").bind("click",function(){
424 var resultVote = IterPoll.vote(jQuery('.${namespace}_form'),JSON.parse('#getPollJson_v1'));
425 console.log("resultVote = " + resultVote);
426 if(resultVote == true){
427 IterPoll.getPollData(JSON.parse('#getPollJson_v1'),".${namespace}_results",IterPoll.printPollResultSimple);
428 }
429 jQuery(".${namespace}_results").addClass("visible");
430 jQuery(".${namespace}_choices").addClass("hidden");
431 jQuery(".${namespace}_choices").removeClass("visible");
432 jQuery(".${namespace}_results").removeClass("hidden");
433 })
434 </script>
435 #end
436 #end
437 ## cssclass
438 #end
439 ## childrenTags
440 #set($currentElement = $currentElement + 1)
441 #end
442 ##**************************************************************************
443 #set ($TextTagEn = $!articleToolbox.getTag(null, "Text_en"))
444 #if($TextTagEn && $TextTagEn.data != "")
445 <div class="en">
446 #getText_En_v1($TextTagEn)
447 </div>
448 #end
449 </div> <!-- Fin div text -->
450
451</div>
452
453<!-- TABOOLA -->
454<div id="bloque_bajo_noticia"></div>
455
456#if($contadorParrafos <= 3)
457 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchab")</div>
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 <= 8)
461 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchac")</div>
462 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
463#elseif($contadorParrafos <= 10)
464 <div class="add_mobile mT20 mB20">$!iterVelocityTools.getAdContainer("mobile cpm_r_dchad")</div>
465#end
466
467
468## ******** DATALAYER DETALLE *******************************
469#set($mask_d = "YYYY-MM-dd'T'HH:mm:ssZZ")
470#set($date_m = "#printDateFrom_v1($mask_d)" )
471##PONEMOS LOS : EN EL DESPLAZAMIENTO UTC
472#set($date_m = $date_m.trim())
473#set($tam = $date_m.length() - 2)
474#set($val-1 = $date_m.substring(0, $tam))
475#set($val-2 = $date_m.substring($tam))
476#set($date_m = $val-1 + ":" + $val-2)
477#set($date_s = "#printDateFrom_v1('yyy-MM-dd')" )
478#set($autorfinal = "")
479#set($hmAutores = {})
480#getAcAssignedCatExtended_v1($hmAutores "Author")
481#if($hmAutores.size() > 0)
482 #foreach ($hmAutor in $hmAutores)
483 #set($autorfinal = $hmAutor.friendlyname.replaceAll("-", " "))
484 #end
485#end
486#if($autorfinal == "")
487 #set($autorfinal = "redaccion")
488#end
489
490##*************** TEMAS ***************************
491#set($keywordsfinal_datalayer = '')
492#if($auxCatalagoTema.size() > 0)
493 #foreach($keyword in $auxCatalagoTema)
494
495 #if($keywordsfinal_datalayer == '')
496 #set($keywordsfinal_datalayer = $keyword.friendlyname.replaceAll("-", " "))
497 #else
498 #set($keywordsfinal_datalayer = $keywordsfinal_datalayer + '|' + $keyword.friendlyname.replaceAll("-", " "))
499 #end
500 #end
501 #set($keywordsfinal_datalayer = '"' + $keywordsfinal_datalayer + '"')
502#else
503 #set($keywordsfinal_datalayer = 'undefined')
504#end
505
506
507#set ($xml =$articleContext.selectNodes('//section'))
508#set($nivel = 1)
509#set($secc1 = "")
510#set($secc2 = "undefined")
511#set($secc3 = "undefined")
512#foreach ($nodexml in $xml )
513 #if($nivel < 4)
514 #set($secc = $htmlUtil.escape($!nodexml.attribute('name').getValue()))
515 #set($secc = $secc.replaceAll("\n", "") )
516 #set($seccID = $htmlUtil.escape($!nodexml.attribute('id').getValue()))
517 #if($nivel == 1)
518 #set($secc1 = $secc)
519 #elseif($nivel == 2)
520 #set($secc2 = $secc)
521 #elseif($nivel == 3)
522 #set($secc3 = $secc)
523 #end
524 #set($nivel = $nivel + 1)
525 #end
526#end
527
528<script nominify>
529var sec2 = undefined;
530var sec3 = undefined;
531#if($secc2 != "undefined")
532 var sec2 = normalize_str_data("$secc2");
533#end
534#if($secc3 != "undefined")
535 var sec3 = normalize_str_data("$secc3");
536#end
537window.dataLayer = window.dataLayer || [];
538window.dataLayer.push ({
539 "event": "pageview",
540 "content": {
541 "access": "abierto",
542 "category": "ocio",
543 "date": {
544 "modification": "$date_m.trim()",
545 "publication": "$date_m.trim()",
546 "publication_short": "$date_s.trim()"
547 },
548 "id": "$reserved-article-id.data",
549 "person": {
550 "author": "$autorfinal",
551 "editor": "$autorfinal"
552 },
553 "section": {
554 "level_1": normalize_str_data("$secc1"),
555 "level_2": sec2,
556 "level_3": sec3
557 },
558 "tag": $keywordsfinal_datalayer,
559 "type": {
560 "cms": "noticia" // noticia|portada
561 },
562 },
563 "page": {
564 "view_id": Math.floor(Date.now() / 1000),
565 "ga4_id": "G-JMFTHHM0FB"
566 },
567 "product": {
568 "platform": "web", // web|amp
569 "product.area" : "regionales",
570 "product.brand" : "el periodico del azulejo",
571 "product.name" : "elperiodicodelazulejo"
572 }
573})
574</script>