Quantcast
Channel: Matomo forums - Latest topics
Viewing all articles
Browse latest Browse all 14001

Picture tag - sources

$
0
0

@dominikboe wrote:

Hallo miteinander,
ich habe gerade ein wenig hier im Forum gesucht, aber leider keine Antwort gefunden. Falls ich sie übersehen habe, entschuldige ich mich im Voraus.

Ich bin noch relativ neu bei Piwik und habe eine Frage zum Content Tracking:

Ich habe ein Picture tag in meine Website eingebaut. Dieses stellt abhängig von der Bildschirmgröße unterschiedliche Bilder bereit. Das Tracking selbst funktioniert. Jedes Aufrufen wird erkannt und auch jeder Klick wird erkannt.
Allerdings zeigt mir Piwik im Backend nicht an, welches der Bilder geladen wurde. Denn Piwik zeigt immer an, dass das Bild aus Source 1 (also im unteren Beispiel image1800) geladen wurde, auch wenn es z.B. über ein Smartphone geladen wurde.

Hat jemand von euch eine Ahnung, was in dem Code geändert werden müsste, damit es klappt?

<div data-track-content>
	<a href="http://www.hieristderlink.de">
		<div style="xyz">
			<picture data-content-name="Bildeinblendung">
				<source media="(min-width: 1800px)" srcset="img/image1800.png" data-content-piece="image1800">
				<source media="(min-width: 1600px) and (max-width: 1799px)" srcset="img/image1600.png" data-content-piece="image1600">
				<source media="(min-width: 1400px) and (max-width: 1599px)" srcset="img/image1400.png" data-content-piece="image1400">
				<source media="(min-width: 1200px) and (max-width: 1399px)" srcset="img/image1200.png" data-content-piece="image1200">
				<source media="(min-width: 1000px) and (max-width: 1199px)" srcset="img/image1000.png" data-content-piece="image1000">
				<source media="(min-width: 800px) and (max-width: 999px)" srcset="img/image800.png" data-content-piece="image800">
				<source media="(min-width: 600px) and (max-width: 799px)" srcset="img/image600.png" data-content-piece="image600">
				<source media="(min-width: 400px) and (max-width: 599px)" srcset="img/image400.png" data-content-piece="image400">
				<img src="img/image200.png" data-content-piece="image200">
			</picture>
		</div>
	</a>
</div>

Vielen Dank im Voraus für euren Input und euch allen schöne Festtage,
Dominik

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 14001

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>