Picture tag - sources

Deutschsprachiges Forum (German)
1

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

2

Hi,

Das ist ein ziemlich spezielles Problem und ich vermute, dass noch niemand das getestet hat.

Du könntest einen Feature Request auf Github erstellen:

3

Hallo Lukas,
vielen Dank für Deine schnelle Antwort.
Damit hatte ich nicht gerechnet. Ich dachte eher, dass ich einfach nur Bereiche im Code falsch deklariert hatte. Mit Github kenne ich mich nicht aus, aber ich werde es mir im neuen Jahr mal in Ruhe anschauen und dann dort mein Problem “vorstellen”.

Nochmals vielen Dank und allen einen guten Rutsch ins neue Jahr.
Dominik