- Feature: Modul Statistik: Matomo Warenkorbtracking

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@8309 0d5edaf7-2b12-4e95-93f4-047927463d4b

1 files changed, 97 insertions, 9 deletions

diff --git a/views/mods/mod_statistics/settings_edit.phtml b/views/mods/mod_statistics/settings_edit.phtml
index 7fac430..df81d20 100644
--- a/views/mods/mod_statistics/settings_edit.phtml
+++ b/views/mods/mod_statistics/settings_edit.phtml
@@ -3,7 +3,7 @@
 <div id="wpsg_tab">	

     <ul class="nav nav-tabs" role="tablist">

         <li role="presentation" class="active"><a href="#tab1" aria-controls="home" role="tab" data-toggle="tab"><?php echo __('Auswertung Bestellstatus', 'wpsg'); ?></a></li>

-        <li role="presentation"><a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab"><?php echo __('Piwik', 'wpsg'); ?></a></li>

+        <li role="presentation"><a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab"><?php echo __('Matomo', 'wpsg'); ?></a></li>

         <li role="presentation"><a href="#tab3" aria-controls="profile" role="tab" data-toggle="tab"><?php echo __('Google', 'wpsg'); ?></a></li>

         <li role="presentation"><a href="#tab4" aria-controls="profile" role="tab" data-toggle="tab"><?php echo __('Social Media', 'wpsg'); ?></a></li>

         <li role="presentation"><a href="#tab5" aria-controls="messages" role="tab" data-toggle="tab"><?php echo __('Sonstiges', 'wpsg'); ?></a></li>

@@ -46,35 +46,123 @@
 			

 			<br/>

 			

-			<?php echo __('Ermöglicht die Integration des Trackintools "Piwik".', 'wpsg'); ?>

+			<?php echo __('Ermöglicht die Integration des Trackintools "Matomo".', 'wpsg'); ?>

 			

 			<br/><br/>

 		

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_url', __('URL zur Piwik Installation', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_url'), array('hint' => __('Ohne Protokoll, Beispiel: piwik.domain.de', 'wpsg'))); ?>

+			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_trackingcode', __('Trackingcode einbinden', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_trackingcode')); ?>

+			<div id="wpsg_mod_statistik_tracking_layer" style="display:none;">

+				<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_url', __('URL zur Matomo Installation', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_url'), array('hint' => __('Ohne Protokoll, Beispiel: matomo.domain.de', 'wpsg'))); ?>

+				<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_SiteId', __('Matomo Seiten ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_SiteId'), array('help' => 'wpsg_mod_statistics_piwik_SiteId')); ?>

+			</div>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_generel', __('Allgemeine Protokollierung', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_generel')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_SiteId', __('Piwik Seiten ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_SiteId'), array('help' => 'wpsg_mod_statistics_piwik_SiteId')); ?>

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_ecommerce', __('Käufe (eCommerce) tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_ecommerce')); ?>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_productView', __('Produkte tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_productView')); ?>

 			<?php if ($this->hasMod('wpsg_mod_produktartikel')) echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_categoryView', __('Produktkategorien tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_categoryView')); ?>

+			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_basketdata', __('Warenkorbdaten tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_basketdata')); ?>

+			

+			<br /><br />

+

+			<strong><?php echo __('Matomo Goals tracken:', 'wpsg'); ?></strong>

+			

 			<br />

+

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_basket', __('Warenkorb tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_basket')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_basket_target', __('Ziel ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_basket_target')); ?>

+			<div id="wpsg_mod_statistics_piwik_basket_layer" style="display: none;">

+			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_basket_target', __('Matomo ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_basket_target')); ?>

+			</div>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_checkout', __('Checkout tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_checkout_target', __('Ziel ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout_target')); ?>

+			<div id="wpsg_mod_statistics_piwik_checkout_layer" style="display: none;">

+			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_checkout_target', __('Matomo ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout_target')); ?>

+			</div>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_checkout2', __('Checkout2 tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout2')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_checkout2_target', __('Ziel ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout2_target')); ?>

+			<div id="wpsg_mod_statistics_piwik_checkout2_layer" style="display: none;">

+			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_checkout2_target', __('Matomo ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_checkout2_target')); ?>

+			</div>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_overview', __('Overview tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_overview')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_overview_target', __('Ziel ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_overview_target')); ?>

+			<div id="wpsg_mod_statistics_piwik_overview_layer" style="display: none;">

+			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_overview_target', __('Matomo ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_overview_target')); ?>

+			</div>

 			<br />

 			<?php echo wpsg_drawForm_Checkbox('wpsg_mod_statistics_piwik_done', __('Done tracken', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_done')); ?>

-			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_done_target', __('Ziel ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_done_target')); ?>

+			<div id="wpsg_mod_statistics_piwik_done_layer" style="display: none;">

+			<?php echo wpsg_drawForm_Input('wpsg_mod_statistics_piwik_done_target', __('Matomo ID', 'wpsg'), $this->get_option('wpsg_mod_statistics_piwik_done_target')); ?>

+			</div>

+

 			<div class="wpsg_clearer"></div>

 		</div>

+

+		<script>

+

+			document.addEventListener("DOMContentLoaded", function() {

+

+				var trackingCheckbox = document.getElementById('wpsg_mod_statistics_piwik_trackingcode');

+				var trackingDiv = document.getElementById('wpsg_mod_statistik_tracking_layer');

+

+				var basketCheckbox = document.getElementById("wpsg_mod_statistics_piwik_basket");

+				var basketDiv = document.getElementById("wpsg_mod_statistics_piwik_basket_layer");

+

+				var checkoutCheckbox = document.getElementById("wpsg_mod_statistics_piwik_checkout");

+				var checkoutDiv = document.getElementById("wpsg_mod_statistics_piwik_checkout_layer");

+

+				var checkout2Checkbox = document.getElementById("wpsg_mod_statistics_piwik_checkout2");

+				var checkout2Div = document.getElementById("wpsg_mod_statistics_piwik_checkout2_layer");

+

+				var overviewCheckbox = document.getElementById("wpsg_mod_statistics_piwik_overview");

+				var overviewDiv = document.getElementById("wpsg_mod_statistics_piwik_overview_layer");

+

+				var doneCheckbox = document.getElementById("wpsg_mod_statistics_piwik_done");

+				var doneDiv = document.getElementById("wpsg_mod_statistics_piwik_done_layer");

+

+

+				function toggleDivVisibility(checkbox, div) 

+				{

+

+					if (checkbox.checked) div.style.display = "block";

+					else div.style.display = "none";

+

+				}

+

+				// Event Listener für die Checkboxen

+				trackingCheckbox.addEventListener("change", function() {

+				toggleDivVisibility(trackingCheckbox, trackingDiv);

+				});

+

+				basketCheckbox.addEventListener("change", function() {

+				toggleDivVisibility(basketCheckbox, basketDiv);

+				});

+

+				checkoutCheckbox.addEventListener("change", function() {

+				toggleDivVisibility(checkoutCheckbox, checkoutDiv);

+				});

+

+				checkout2Checkbox.addEventListener("change", function() {

+				toggleDivVisibility(checkout2Checkbox, checkout2Div);

+				});

+

+				overviewCheckbox.addEventListener("change", function() {

+				toggleDivVisibility(overviewCheckbox, overviewDiv);

+				});

+

+				doneCheckbox.addEventListener("change", function() {

+				toggleDivVisibility(doneCheckbox, doneDiv);

+				});

+

+				// Überprüfen und Initialisieren des Anfangszustands der Checkboxen

+				toggleDivVisibility(trackingCheckbox, trackingDiv);

+				toggleDivVisibility(basketCheckbox, basketDiv);

+				toggleDivVisibility(checkoutCheckbox, checkoutDiv);

+				toggleDivVisibility(checkout2Checkbox, checkout2Div);

+				toggleDivVisibility(overviewCheckbox, overviewDiv);

+				toggleDivVisibility(doneCheckbox, doneDiv);

+			});

+

+		</script>

 		

 		<div role="tabpanel" class="tab-pane" id="tab3">

 		<?php