JezK

Edit File: html-settings.php

<?php

namespace PixelYourSite;

use PixelYourSite\GA\Helpers;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

?>
<div class="cards-wrapper cards-wrapper-style2 gap-24 settings-wrapper">
    
    <div class="card card-style6 card-static">
        <div class="card-header card-header-style2 d-flex justify-content-between align-items-center">
            <h4 class="secondary_heading_type2"><?php _e('General', 'pys');?></h4>
        </div>
        <div class="card-body">
            <div class="gap-24">
                <div>
                    <div class="d-flex align-items-center mb-24">
                        <?php PYS()->render_switcher_input('google_consent_mode'); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Fire Google tags with consent mode granted', 'pys');?></h4>
                    </div>
                    <p class="text-gray">
                        <?php _e('How to enable Google Consent Mode V2', 'pys');?>
                        <a class="link" href="https://www.pixelyoursite.com/google-consent-mode-v2-wordpress?utm_source=plugin&utm_medium=pro&utm_campaign=google-consent" target="_blank"><?php _e('click here', 'pys');?></a>
                    </p>
                </div>
                <div class="line"></div>
                <div>
                    <div class="mb-16">
                        <label class="primary_heading">Send event to GA4 and Google ads</label>
                    </div>
                    <div class="d-flex align-items-center mb-16">
                        <div class="radio-inputs-wrap">
                            <?php PYS()->render_radio_input( 'merge_ga_events', 'yes', 'Send a single event to GA4 and Google ads' ); ?>
                            <?php PYS()->render_radio_input( 'merge_ga_events', 'no', 'Send separate events to GA4 and Google Ads' ); ?>
                        </div>
                    </div>
                    <p class="form-text about-params">
                        Google Analytics and Google Ads events with Conversions with Card Data (CwCD) use different parameter names
                        (e.g., GA4 uses <span class="parameters-list">item_id</span>, Google Ads uses <span class="parameters-list">id</span>; GA4 supports <span class="parameters-list">item_name</span>, Google Ads doesn’t; Google Ads supports order-level discount, GA4 doesn’t).
                        You can fire a single event with all parameters, or separate events with supported parameters.
                        This applies to WooCommerce or EDD events like <span class="parameters-list">purchase, add_to_cart</span>, and <span class="parameters-list">view_item</span>. It will also affect manually configured events that track WooCommerce product or cart data.
                    </p>
                </div>
                <div class="line"></div>
                <div>
                    <div class="d-flex align-items-center mb-24">
                        <h4 class="secondary_heading"><?php echo esc_html( __('DataLayer Setting:', 'pys') ); ?></h4>
                    </div>
                    <div class="radio-inputs-wrap mb-16">
                        <?php GATags()->render_radio_input('gtag_datalayer_type', 'default', 'Use PYS recommended name for data layer variable (recommended).'); ?>
                        <?php GATags()->render_radio_input('gtag_datalayer_type', 'disable', 'Disable name transformation for the data layer (use dataLayer).'); ?>
                        <?php GATags()->render_radio_input('gtag_datalayer_type', 'custom', 'Use this custom name for the data layer variable.'); ?>
                    </div>
                    <div class="d-flex align-items-center">
                        <?php GATags()->render_text_input('gtag_datalayer_name', 'custom name for the data layer'); ?>
                    </div>
                </div>
                <div class="line"></div>
                <div>
                    <div class="d-flex align-items-center mb-24">
                        <?php GATags()->render_switcher_input('gclid_alternative_enabled'); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Enable alternative GCLID parameter for Safari compatibility (Beta)', 'pys');?></h4>
                    </div>
                    <p class="text-gray mb-16">
                        <?php _e('Safari removes GCLID from URLs starting September 2025. Enable this option to use a custom parameter that contains the same GCLID value.', 'pys');?>
                    </p>
                    <div class="gap-24 mb-16">
                        <div class="d-flex align-items-center">
                            <?php GATags()->render_text_input('gclid_alternative_param', 'Custom parameter name (e.g., gclid_custom)'); ?>
                        </div>
                    </div>
                    <p class="text-gray">
                        <?php _e('Configure this parameter in Google Ads as a custom parameter with the same value as GCLID. The plugin will automatically save this value in a first-party cookie and use it for conversion tracking only when the standard _gcl_aw cookie is not available.', 'pys');?>
                        <a class="link" target="_blank" href="https://www.pixelyoursite.com/safari-click-id-removal-fix-google-ads?utm_source=plugin&utm_medium=pro&utm_campaign=gclid"><?php _e('Click to learn more', 'pys');?>.</a>
                    </p>
                </div>
                <div class="line"></div>
                <div>
                    <div class="d-flex align-items-center mb-4">
                        <?php GA()->render_switcher_input('url_passthrough'); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Pass through ad click, client ID, and session ID information in URLs (url_passthrough)', 'pys');?></h4>
                    </div>
                </div>
                <div>
                    <div class="d-flex align-items-center mb-24">
                        <?php GA()->render_switcher_input('url_passthrough_filter'); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Overwrite this option with the dedicated filter', 'pys');?></h4>
                    </div>
                    <div class="example-block mb-24">
                        <label><?php _e('Example:', 'pys');?></label>
                        <pre class="copy_text">
add_filter('pys_url_passthrough_mode',function ($status) {
    if(get_current_user_id() == 0) {
        return true;
    }
    return $status;
});<div class="copy-icon" data-toggle="pys-popover"
        data-tippy-trigger="click" data-tippy-placement="bottom"
        data-popover_id="copied-popover"></div></pre>

</div>
                    <p class="text-gray pb-8">
                        <?php _e('Reference:', 'pys');?>
                        <a class="link" href="https://developers.google.com/tag-platform/security/guides/consent?consentmode=advanced#gtag.js_5" target="_blank"><?php _e('click here', 'pys');?></a>
                    </p>
                    <p class="text-gray">
                        <?php _e('This option can improve tracking when cookies are denied:', 'pys');?> <a class="link" href="https://www.youtube.com/watch?v=wsNAbaoD5pM" target="_blank"><?php _e('watch video', 'pys');?></a>
                    </p>
                </div>
                <div class="line"></div>
                <div>
                    <div class="d-flex align-items-center mb-24">
                        <?php GA()->render_switcher_input('send_user_provided_data'); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Send user provided data when possible', 'pys');?></h4>
                    </div>
                    <div class="gap-24">
                        <div>
                            <?php GA()->render_checkbox_input("use_multiple_provided_data", "Send multiple values when possible (up to 3 emails and phone numbers, up to 2 address fields)"); ?>
                        </div>
                        <div>
                            <?php GA()->render_checkbox_input("use_encoding_provided_data", "Use encoding"); ?>
                        </div>
                        <p class="text-gray">
                            <?php _e('Learn how to configure it: ', 'pys');?>
                            <a class="link" href="https://www.youtube.com/watch?v=uQ8t7RJhVvI" target="_blank"><?php _e('watch video', 'pys');?></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card card-style6 card-static">
        <div class="card-header card-header-style2 d-flex justify-content-between align-items-center">
            <h4 class="secondary_heading_type2"><?php _e('Google Analytics', 'pys');?></h4>
        </div>
        <div class="card-body">
            <div class="gap-24">
                <div>
                    <div class="d-flex align-items-center mb-4">
                        <?php GA()->render_switcher_input( 'custom_page_view_event' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Control the page_view event', 'pys');?></h4>
                    </div>
                    <p class="text-gray">
                        <?php _e('Enable it if you use a GTM server container to fire API events. When we control the page_view event we can sent an event_id that is used for deduplication of API events.', 'pys');?>
                    </p>
                </div>
                <div>
                    <div class="d-flex align-items-center">
                        <?php GA()->render_switcher_input( 'disable_noscript' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Disable noscript', 'pys');?></h4>
                    </div>
                </div>
                <div>
                    <div class="d-flex align-items-center">
                        <?php GA()->render_switcher_input( 'disable_advertising_personalization' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Disable advertising personalization', 'pys');?></h4>
                    </div>
                </div>
                <div>
                    <div class="d-flex align-items-center">
                        <?php GA()->render_switcher_input( 'track_user_id' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Track User-ID for logged-in users', 'pys');?></h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card card-style6 card-static">
        <div class="card-header card-header-style2 d-flex justify-content-between align-items-center">
            <h4 class="secondary_heading_type2"><?php _e('Google Ads', 'pys');?></h4>
        </div>
        <div class="card-body">
            <div class="gap-24">
                <div>
                    <div class="d-flex align-items-center">
                        <?php Ads()->render_switcher_input( 'page_view_post_enabled' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Fire the page_view_event on posts', 'pys');?></h4>
                    </div>
                </div>
                <div>
                    <div class="d-flex align-items-center">
                        <?php Ads()->render_switcher_input( 'page_view_page_enabled' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Fire the page_view event on pages', 'pys');?></h4>
                    </div>
                </div>
                <div>
                    <div class="mb-24">
                        <label class="secondary_heading"><?php _e('Fire the page_view event on custom post type:', 'pys');?></label>
                    </div>
                    <input type="checkbox" class="custom-control-input" name="pys[google_ads][page_view_custom_post_enabled][-1]" value="0" checked />
                    <div class="custom-controls-stacked offset-block gap-24">
                        <?php
                        $args = array(
                            'public' => true
                        );
                        $exclude = array("post","page");
                        if(isWooCommerceActive()){
                            $exclude[] = "product";
                        }
                        if(isEddActive()){
                            $exclude[] = "download";
                        }
                        $post_types = get_post_types( $args, 'objects' );
                        foreach ( $post_types as $type) {
                            if(in_array($type->name,$exclude)) continue;
                            ?>
                                <div class="d-flex align-items-center">
                                    <?php Ads()->render_switcher_input_array( 'page_view_custom_post_enabled', $type->name); ?>
                                    <h4 class="switcher-label secondary_heading"><?=$type->label?></h4>
                                </div>
                            <?php

}
                        ?>
                    </div>
                </div>
                <div>
                    <div class="mb-24">
                        <div class="mb-8">
                            <label class="primary_heading"><?php _e('google_business_vertical:', 'pys');?></label>
                        </div>
                        <?php Ads()->render_text_input( 'page_view_business_vertical','google_business_vertical', false, false, false, 'short' ); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <?php $globalParams = GATags()->getGlobalCustomParams(); ?>
    <?php
    $show_page_view_checkbox = GA()->getOption('custom_page_view_event')
        || Ads()->getOption('page_view_post_enabled')
        || Ads()->getOption('page_view_page_enabled')
        || !empty(array_filter((array)Ads()->getOption('page_view_custom_post_enabled')));
    ?>
    <div class="card card-style6 card-static">
        <div class="card-header card-header-style2 d-flex justify-content-between align-items-center">
            <h4 class="secondary_heading_type2"><?php _e('Custom Parameters for All GA & Ads Events', 'pys');?></h4>
        </div>
        <div class="card-body">
            <div class="gap-24">
                <div>
                    <p class="text-gray">
                        <?php _e('These parameters will be added to all GA4 and Google Ads events. Parameters configured in individual events will override these global ones.', 'pys');?>
                    </p>
                    <div id="pys_ga_global_params_pv_hint"<?php if ( $show_page_view_checkbox ) echo ' style="display:none;"'; ?>>
                        <p class="text-gray">
                            <?php _e('If you need the global parameter for the page view events, turn ON "Control the page_view event" for Google Analytics.', 'pys');?>
                        </p>
                    </div>
                </div>
                <div class="ga-global-params">
                    <div class="ga-global-params__header-row" id="pys_ga_global_params_labels" <?php if ( empty( $globalParams ) ) echo 'style="display:none;"'; ?>>
                        <span class="ga-global-params__label"><?php _e('Parameter name', 'pys');?></span>
                        <span class="ga-global-params__label"><?php _e('Parameter value', 'pys');?></span>
                        <span class="ga-global-params__label ga-global-params__label--pv"
                              <?php if ( ! $show_page_view_checkbox ) echo 'style="display:none;"'; ?>>
                            <?php _e('Just for page view', 'pys');?>
                        </span>
                        <span class="ga-global-params__label-delete"></span>
                    </div>
                    <div id="pys_ga_global_params_list">
                        <?php foreach ( $globalParams as $index => $param ) : ?>
                            <div class="ga-global-params__row">
                                <div class="ga-global-params__input">
                                    <input type="text"
                                           class="input-standard"
                                           name="pys[gatags][ga_global_custom_params][<?php echo (int) $index; ?>][name]"
                                           value="<?php echo esc_attr( isset( $param['name'] ) ? $param['name'] : '' ); ?>"
                                           placeholder="<?php esc_attr_e( 'Parameter name', 'pys' ); ?>">
                                </div>
                                <div class="ga-global-params__input">
                                    <input type="text"
                                           class="input-standard"
                                           name="pys[gatags][ga_global_custom_params][<?php echo (int) $index; ?>][value]"
                                           value="<?php echo esc_attr( isset( $param['value'] ) ? $param['value'] : '' ); ?>"
                                           placeholder="<?php esc_attr_e( 'Parameter value', 'pys' ); ?>">
                                </div>
                                <div class="ga-global-params__pv-only"
                                     <?php if ( ! $show_page_view_checkbox ) echo 'style="display:none;"'; ?>>
                                    <label class="ga-global-params__pv-label">
                                        <input type="checkbox"
                                               name="pys[gatags][ga_global_custom_params][<?php echo (int) $index; ?>][page_view_only]"
                                               value="1"
                                               <?php checked( ! empty( $param['page_view_only'] ) ); ?>>
                                        <span><?php _e('Just for page view', 'pys');?></span>
                                    </label>
                                </div>
                                <div class="ga-global-params__delete">
                                    <button type="button" class="button-remove-row remove-ga-global-param">
                                        <i class="icon-delete" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                    <div id="pys_ga_global_param_template" class="ga-global-params__row" style="display:none;">
                        <div class="ga-global-params__input">
                            <input type="text" class="input-standard" name="" value="" placeholder="<?php esc_attr_e( 'Parameter name', 'pys' ); ?>">
                        </div>
                        <div class="ga-global-params__input">
                            <input type="text" class="input-standard" name="" value="" placeholder="<?php esc_attr_e( 'Parameter value', 'pys' ); ?>">
                        </div>
                        <div class="ga-global-params__pv-only"
                             <?php if ( ! $show_page_view_checkbox ) echo 'style="display:none;"'; ?>>
                            <label class="ga-global-params__pv-label">
                                <input type="checkbox" name="" value="1">
                                <span><?php _e('Just for page view', 'pys');?></span>
                            </label>
                        </div>
                        <div class="ga-global-params__delete">
                            <button type="button" class="button-remove-row remove-ga-global-param">
                                <i class="icon-delete" aria-hidden="true"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div>
                    <button class="btn btn-primary btn-primary-type2" type="button" id="pys_ga_add_global_param" data-param-count="<?php echo count( $globalParams ); ?>">
                        <?php _e('Add Parameter', 'pys');?>
                    </button>
                </div>
                <?php if ( isSuperPackActive() && SuperPack()->getOption( 'dynamic_params_enabled' ) == true ) : ?>
                    <?php do_action( 'pys_superpack_dynamic_params_help' ); ?>
                <?php elseif ( isSuperPackActive() && SuperPack()->getOption( 'dynamic_params_enabled' ) == false ) : ?>
                    <div>
                        <p class="text-gray">
                            <?php _e('Dynamic parameters like [id], [title], [categories], [tags], [total], [url_ParameterName], etc. are available but require enabling \'Dynamic Parameters\' in Super Pack settings.', 'pys');?>
                        </p>
                    </div>
                <?php else : ?>
                    <div>
                        <p class="text-gray">
                            <?php _e('Dynamic parameter values like [id], [title], [categories], [tags], [total], [url_ParameterName], etc. are available with the Super Pack plugin (with dynamic parameters enabled).', 'pys');?>
                        </p>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
    
    
    <div class="card card-style6 card-static">
        <div class="card-header card-header-style2 d-flex justify-content-between align-items-center">
            <h4 class="secondary_heading_type2"><?php _e('Cross-Domain Tracking', 'pys');?></h4>
        </div>
        <div class="card-body">
            <div class="gap-24">
                <div>
                    <div class="d-flex align-items-center">
                        <?php GA()->render_switcher_input( 'cross_domain_enabled' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Enable Cross-Domain Tracking', 'pys');?></h4>
                        <?php renderPopoverButton( 'ga_cross_domain_tracking' ); ?>
                    </div>
                </div>
                <div class="offset-block gap-24">
                    <div class="d-flex align-items-center">
                        <?php GA()->render_switcher_input( 'cross_domain_accept_incoming' ); ?>
                        <h4 class="switcher-label secondary_heading"><?php _e('Accept incoming', 'pys');?></h4>
                    </div>
                    <div class="d-flex align-items-center">
                        <?php Helpers\renderCrossDomainDomain( 0 ); ?>
                    </div>

<?php foreach ( GA()->getOption('cross_domain_domains') as $index => $domain ) : ?>

<?php

if ( $index === 0 ) {
                            continue; // skip default ID
                        }

<?php endforeach; ?>

$('#pys_ga_add_cross_domain_domain').click(function (e) {

e.preventDefault();

var $row = $('#pys_ga_cross_domain_domain').clone()
                .insertBefore('#pys_ga_cross_domain_domain')
                .attr('id', '')
                .css('display', 'flex');

$('input[type="text"]', $row)
                .attr('name', 'pys[ga][cross_domain_domains][]');

});

$(document).on('click', '.remove-row', function () {
            $(this).closest('.cross-domain-block').remove();
        });

});
</script>