syberpunk2027

thank, now this code works. it make GA4 show a”Forms” event.

By the way, one more question: 2 forms, One form is on the “Contact Us” page, and the other is on the product page. How can I set up tracking for these two different forms sepereted to trigger , such as “Form-product” and “form-containe” on GA4, when the form is opened and submitted?

I think I have a rough idea of what might be causing this. Please take a look at the two images below to understand. Zaraz backend does track it, but it’s not being passed to GA4. It seems to be an issue with parameter settings, but I’m unsure how to adjust them. I imported it as per the default tutorial. I hope the creator can provide guidance on how to set up tracking for two different forms with separate form IDs (WPForms) to trigger tracking when the form is opened and submitted.

https://drive.google.com/file/d/1D3xBlSUJfik7B1RudNSXjDc3AYhVH8CQ/view?usp=drive_link

https://drive.google.com/file/d/1zoHpbbq8jvtNIfKOgVwQMemaWdiUb6WJ/view?usp=drive_link

By the way, I configured Zaraz in Cloudflare following your plugin’s instruction video guide, and I have reset it again and reinstalled it one more time.

It just simple export config and import to cloudflare, this should cannot be mistake. the thing is, the other event, like visit site, add cart, view list this be seen on GA$, except the form not trigger at all.

• This reply was modified 1 year ago by syberpunk2027.

It’s very strange; I did receive the form submissions you mentioned from [email protected] and [email protected] 2 testing submit email. I just checked the GA4 dashboard and the Cloudflare backend, and from the 5th until now, there hasn’t been a single form trigger. Before the 5th, I tested it and there were three triggers can make.

thank for the reply. I had tried that code, but it seem not working.

function wpf_dev_event_after_submit() {
    ?>
    <script type="text/javascript">
        (function() {
            jQuery(window).on('load', function() {
                // Bind to the form submission success event for WPForms forms submitted via AJAX.
                jQuery('.wpforms-ajax-form').on('wpformsAjaxSubmitSuccess', function(e, response) {
                    // Retrieve the form ID attribute.
                    var formId = jQuery(this).attr('data-formid');
                    // Check if the form ID matches one of the targeted forms.
                    if (formId === '7729' || formId === '7705') {
                        // Track the event with Beetle Tracking, including the form ID.
                        beetle_tracking.track('Form Submission', {
                            'form_id': formId
                        });
                    }
                });
            });
        })();
    </script>
    <?php
}
add_action('wp_footer', 'wpf_dev_event_after_submit', 10);

Here is woocommerce-paypal-payments?with that log example. Event thought this customer have check out successful, but we still can contact client base on log record by email or tel, and we can ask for client what happens during the checkout process?

2023-06-19T01:13:29+00:00 DEBUG POST https://api.paypal.com/v2/checkout/orders
Request Body: {“intent”:”CAPTURE”,”purchase_units”:[{“reference_id”:”default”,”amount”:{“currency_code”:”USD”,”value”:”62.99″,”breakdown”:{“item_total”:{“currency_code”:”USD”,”value”:”62.99″},”shipping”:{“currency_code”:”USD”,”value”:”0.00″},”tax_total”:{“currency_code”:”USD”,”value”:”0.00″}}},”description”:””,”items”:[{“name”:”Bridal jewerly set – 2″,”unit_amount”:{“currency_code”:”USD”,”value”:”62.99″},”quantity”:1,”description”:””,”sku”:”JW**-2″,”category”:”PHYSICAL_GOODS”}],”payee”:{“merchant_id”:”MY***”},”shipping”:{“name”:{“full_name”:” “},”address”:{“country_code”:”US”,”address_line_1″:”16980 “,”admin_area_1″:”CA”,”admin_area_2″:”Lodi”,”postal_code”:”95240″}}}],”application_context”:{“user_action”:”CONTINUE”,”shipping_preference”:”SET_PROVIDED_ADDRESS”,”landing_page”:”LOGIN”,”locale”:”en-US”,”brand_name”:”L8s”,”return_url”:”https:\/\/www.***.com\/?wc-ajax=ppc-return-url”,”cancel_url”:”https:\/\/www.***.com\/checkout\/”},”payer”:{“email_address”:”Mejia****@yahoo.com”,”name”:{“given_name”:”Man***”,”surname”:”Tejeda****”},”address”:{“country_code”:”US”,”address_line_1″:”16980 **“,”admin_area_1″:”CA”,”admin_area_2″:”Lodi”,”postal_code”:”95240″},”phone”:{“phone_type”:”HOME”,”phone_number”:{“national_number”:”***907064″}}},”payment_method”:{“payee_preferred”:”IMMEDIATE_PAYMENT_REQUIRED”,”payer_selected”:”PAYPAL”}}
Response Debug ID: c4aa6c8e8ef24
Response: Array
(
[code] => 201
[message] => Created

thank for the reply. I already be check of “Enabled?Debug” on API setting page. here is my situation, if the order be check out successful, it will display the log.

but if the order were not be check out successful, there is no log even they are already customer fill the email, address and tel form. I want it be display like woocommerce-paypal-payments with that log with info. if there be possibly?

by the way, I am also install the woocommerce-paypal-payments plugin, but just make this Method gateway no be check on woocommerce>setting>payment>Enabled.

### WordPress Environment ###

WordPress address (URL): https://ufill.eu.org
Site address (URL): https://ufill.eu.org
WC Version: 6.7.0
REST API Version: ? 6.7.0
WC Blocks Version: ? 7.8.3
Action Scheduler Version: ? 3.4.0
Log Directory Writable: ?
WP Version: 6.0.1
WP Multisite: –
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: ?

### Server Environment ###

Server Info: Apache
PHP Version: 7.4.30
PHP Post Max Size: 256 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.66.0
OpenSSL/1.1.1q-fips

SUHOSIN Installed: –
MySQL Version: 5.7.38-41-log
Max Upload Size: 256 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 6.7.0
WC Database Prefix: wp_
Total Database Size: 42.32MB
Database Data Size: 37.50MB
Database Index Size: 4.82MB
wp_woocommerce_sessions: Data: 0.06MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_order_itemmeta: Data: 0.09MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_actions: Data: 0.52MB + Index: 0.56MB + Engine InnoDB
wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_logs: Data: 0.20MB + Index: 0.17MB + Engine InnoDB
wp_cartflows_ca_cart_abandonment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_cartflows_ca_email_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_cartflows_ca_email_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_cartflows_ca_email_templates_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.05MB + Index: 0.09MB + Engine InnoDB
wp_content_tabs_ultimate_list: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_content_tabs_ultimate_style: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_eafl_clicks: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_eafl_relations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_e_events: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_e_notes: Data: 0.02MB + Index: 0.17MB + Engine InnoDB
wp_e_notes_users_relations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB
wp_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_options: Data: 8.27MB + Index: 0.11MB + Engine InnoDB
wp_oxi_div_import: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_postmeta: Data: 17.42MB + Index: 1.56MB + Engine InnoDB
wp_posts: Data: 7.31MB + Index: 0.28MB + Engine InnoDB
wp_pum_subscribers: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_rank_math_404_logs: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_rank_math_internal_links: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_rank_math_internal_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_sgs_log_events: Data: 2.02MB + Index: 0.00MB + Engine InnoDB
wp_sgs_log_visitors: Data: 0.09MB + Index: 0.00MB + Engine InnoDB
wp_snippets: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_termmeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_usermeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_vi_wad_ali_orders_info: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_vi_wad_error_product_images: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_vi_wbe_history: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wacv_abandoned_cart_record: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wacv_cart_log: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wacv_email_history: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wacv_guest_info_record: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wotv_woo_track_info: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

### Post Type Counts ###

astra-advanced-hook: 4
astra-portfolio: 21
attachment: 678
custom_css: 2
customize_changeset: 4
e-landing-page: 1
elementor_library: 30
elementor-hf: 2
nav_menu_item: 26
oembed_cache: 6
page: 14
popup: 2
popup_theme: 8
post: 5
postman_sent_mail: 250
product: 16
product_variation: 25
revision: 41
shop_coupon: 47
shop_order: 36
vi_wad_draft_product: 14
viwec_template: 14
wacv_email_template: 3
wp_block: 1
wp_global_styles: 1
wpforms: 7

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (28) ###

Astra Pro: by Brainstorm Force – 3.9.1
Astra Bulk Edit: by Brainstorm Force – 1.2.6
Import / Export Customizer Settings: by Brainstorm Force – 1.0.6
Astra Widgets: by Brainstorm Force – 1.2.12
Autoptimize: by Frank Goossens (futtta) – 3.1.0
bunny.net: by bunny.net – 1.0.8
Code Snippets: by Code Snippets Pro – 3.2.0
Custom Fonts: by Brainstorm Force – 1.3.5
Customizer Search: by Brainstorm Force – 1.1.6
GTM4WP: by Thomas Geiger – 1.16.1
Elementor Pro: by Elementor.com – 3.7.2
Elementor: by Elementor.com – 3.6.7
Facebook for WooCommerce: by Facebook – 2.6.19
Pinterest for WooCommerce: by WooCommerce – 1.2.1
Post SMTP: by Post SMTP – 2.1.3
Product Variations Swatches for WooCommerce: by VillaTheme – 1.0.8
Astra Customizer Reset: by Brainstorm Force – 1.0.5
Send email to customer on cancelled order in WooCommerce: by Laura Díaz – 1.1
Rank Math SEO: by Rank Math – 1.0.94
SiteGround Optimizer: by SiteGround – 7.2.0
SiteGround Security: by SiteGround – 1.3.0
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
DavidAnderson – 1.22.14

Notification for WooCommerce: by Andy Ha (villatheme.com) – 1.2.9
Orders Tracking for WooCommerce: by VillaTheme – 1.2.0
Photo Reviews for WooCommerce: by VillaTheme – 1.2.1
WooCommerce Stripe Gateway: by WooCommerce – 6.4.3
WooCommerce: by Automattic – 6.7.0
WPForms Lite: by WPForms – 1.7.5.3

### Inactive Plugins (8) ###

ALD - Dropshipping and Fulfillment for AliExpress and WooCommerce: by VillaTheme(villatheme.com) – 1.0.16
Custom Adobe Fonts (Typekit): by Brainstorm Force – 1.0.18
Elementor Header & Footer Builder: by Brainstorm Force
Nikhil Chavan – 1.6.12

EXMAGE - WordPress Image Links: by VillaTheme(villatheme.com) – 1.0.9
Premium Starter Templates: by Brainstorm Force – 3.1.13
Sidebar Manager: by Brainstorm Force – 1.1.7
Ultimate Addons for Elementor: by Brainstorm Force – 1.36.8
Ultimate Addons for Gutenberg: by Brainstorm Force – 1.25.6

### Dropin Plugins (1) ###

object-cache.php: Memcached

### Must Use Plugins (1) ###

Elementor Safe Mode: by Elementor.com – 1.0.0

### Settings ###

API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
subscription (subscription)
variable (variable)
variable subscription (variable-subscription)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –

### WC Pages ###

Shop base: #6 - /shop/
Cart: #1088 - /cart-2/
Checkout: #1090 - /checkout-2/
My account: #4391 - /orders/
Terms and conditions: ? Page not set

### Theme ###

Name: Astra Child
Version: 1.0.0
Author URL: https://wpastra.com/about/
Child Theme: ?
Parent Theme Name: Astra
Parent Theme Version: 3.9.1
Parent Theme Author URL: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
WooCommerce Support: ?

### Templates ###

Overrides: –

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
wc-pay-promotion
wc-pay-welcome-page
wc-pay-subscriptions-page

Disabled Features: minified-js
settings

Daily Cron: ? Next scheduled: 2022-08-08 06:11:10 -08:00
Options: ?
Notes: 47
Onboarding: completed

### Action Scheduler ###

Complete: 1,683
Oldest: 2022-07-08 12:22:22 +0000
Newest: 2022-08-08 00:02:07 +0000

Pending: 12
Oldest: 2022-08-08 00:02:07 +0000
Newest: 2022-08-11 14:36:48 +0000

### Status report information ###

Generated at: 2022-08-07 16:02:25 -08:00

@bsfherman
your code not correct.
I have figure it out by add below :
/* product review tab on mobile on 1 collum instead of defaul 2collums */
@media screen and (max-width: 768px){.woocommerce #reviews {
display: inherit!important;
}}

already fixed it by clear cdn cached.
please closed it
Thanks.

you can test it with astra demo
https://websitedemos.net/brandstore-08/?customize=template
udate to worpdress 6.0, view it on mobile,

fit it by add a plugin.
Thanks

hi Herman,

I have added your code:
.woocommerce #reviews {
display: inherit;
}
on site, but still no working.

Any one can help?
@brainstormforce

• This reply was modified 2 years, 10 months ago by syberpunk2027.
• This reply was modified 2 years, 10 months ago by syberpunk2027.