Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

AutoSync Visualizer relies on AutoSync API, see more in the AutoSync API documentation.

Demo: https://vvs.autosyncstudio.com/demo.html

Table of Contents
minLevel1
maxLevel7

...

AutoSync Visualizer has a complete event tracking configuration, here is the list of events configured.

Event name

Attributes

Description

Where

as_page_view

  • page_parent_location

  • page_location

  • page_title

Visited pages.

  • page_parent_location: String. Domain name of the website that embeds the visualizer

  • page_location: String. The URL of the visited page

  • page_title: String. The name of the visited page

ALL PAGES

as_search_tool_query

  • search_query

  • search_type

  • search_results

  • search_makes

  • search_brands

With this event we can know what are the users searching.

  • search_query: String. Words used by the user to search something

  • search_type: String. What is looking for (Vehicles, Wheels, Tires, Accessories, etc...)

  • search_results: Int. How many results has that query

  • search_makes: Int. Number of makes found with the query (Only for search_type: vehicles)

  • search_brands: Int. Number of brands found with the query (Not for search_type: vehicles)

HOME PAGE

Image Modified

as_search_tool_selection

For vehicles:

  • vehicle_make

  • vehicle_model

  • vehicle_year

  • vehicle_body

  • vehicle_name

For products:

  • item_brand

  • item_model

  • item_style_id

For makes:

  • make_name

Form brands:

  • brand_name

When an user found a vehicle or a product through the search tool.

Each kind of selection has their own attibutes.

  • vehicle_make : String. Make name of selected vehicle.

  • vehicle_model: String. Model name of selected vehicle

  • vehicle_year: Int. Year of the selected vehicle.

  • vehicle_body: String. Body type of selected vehicle.

  • vehicle_name: String. Large description for the vehicle. Year, Make, Model and Body type.

  • item_brand: String. Item’s brand name.

  • item_model: String. Item's model.

  • item_style_id: Int. Item’s style ID. If it has

  • make_name: String. Make name of selected make.

  • brand_name: String. Brand name of selected brand.

HOME PAGE

Image Modified

as_select_make

  • make_name

Looks for each make selection on vehicle’s makes page.

  • make_name: String. Make name of selected make.

VEHICLE’S MAKE PAGE

Image Modified

as_select_brand

  • brand_name

  • brand_type

Looks for each brand selection on product’s brands page.

  • brand_name: String. Brand name of selected brand.

  • brand_type : String. Type of product selected.

TIRE’S BRAND PAGE

Image Modified

as_select_brand

  • brand_name

  • brand_type

Looks for each brand selection on product’s brands page.

  • brand_name: String. Brand name of selected brand.

  • brand_type : String. Type of product selected.

WHEEL’S BRAND PAGE

Image Modified

as_select_vehicle

  • vehicle_id

  • vehicle_make

  • vehicle_model

  • vehicle_submodel

  • vehicle_year

  • vehicle_type

  • vehicle_body

  • vehicle_drw

  • vehicle_name

This events is telling us which vehicles are loaded on the “Builder” or page for visualization.

  • vehicle_make : String. Make name of selected vehicle.

  • vehicle_model: String. Model name of selected vehicle

  • vehicle_submodel: String. Submodel name of selected vehicle

  • vehicle_year: Int. Year of the selected vehicle.

  • vehicle_type: String. Type of selected vehicle (SUV, CAR, VAN, etc).

  • vehicle_body: String. Body type of selected vehicle.

  • vehicle_drw: Boolean. If the vehicle is dually or not.

  • vehicle_name: String. Large description for the vehicle. Year, Make, Model and Body type.

BUILDER PAGE

Image Modified

as_change_vehicle_color

  • vehicle_id

  • vehicle_name

  • vehicle_color

What colors are popular for each kind of vehicle, etc… In this way we can help to get accessories or wheels with popular colors.

  • vehicle_id: Int. Vehicle selected ID

  • vehicle_name: String. Large description for the vehicle. Year, Make, Model and Body type.

  • vehicle_color: Int. Color code selected

BUILDER PAGE

Hit on this button

Image Removed
image-20240307-215529.pngImage Added

And select a color

Image Removed
image-20240307-215558.pngImage Added

as_select_wheel

  • item_brand

  • item_name

  • item_model

  • item_finish

  • item_color

  • item_accent

  • item_diameter

  • item_style_id

  • item_id

To know what wheels are popular.

  • item_brand: String. Brand name of selected brand.

  • item_name: String. Large description for the product.

  • item_model: String. Model name of selected product.

  • item_finish: String. Finish name of selected product.

  • item_color: String. Color name of selected product.

  • item_accent: String. Accent of selected product.

  • item_diameter: Int. Diameter of selected product.

  • item_style_id: Int. Product’s style ID.

  • item_id: Int. Product’s ID.

BUILDER PAGE

Select a wheel, if card has a border then is selected (Only manual selections are tracked)

Image Removed
image-20240307-215529.pngImage Added
select

as_

favorite
  • item_brand

  • item_name

  • item_id

  • item_style_id

With this we can track wich products are liked more by users.

  • item_brand: String. Brand name of selected brand.

  • item_name: String. Large description for the product.

  • item_id: Int. Product’s ID.

  • item_style_id: Int. Product’s style ID.

BUILDER PAGE

Hit on this Icon, if the star is colorized then is selected as favorite

Image Removed

remove_favorite

  • item_brand

  • item_name

  • item_id

  • item_style_id

With this we can track wich products are removed from favorites.

  • item_brand: String. Brand name of selected brand.

  • item_name: String. Large description for the product.

  • item_id: Int. Product’s ID.

  • item_style_id: Int. Product’s style ID.

BUILDER PAGE

Hit on this Icon, if the star is not colorized then is removed as favorite or not stored as favorite.

Image Removed

show_wheel_view

  • item_id

  • item_name

This event is to track the interest to see better the products.

  • item_name: String. Large description for the product.

  • item_id: Int. Product’s ID.

BUILDER PAGE

Hit on ‘Product view’ button.

Image Removed

Will be switched to wheel view.

Image Removed

change_filter

  • filter_name

  • filter_value

To know preferred products visual filters and sizes.

  • filter_name: String. Filter name.

  • filter_value: String. Value to filter products.

BUILDER PAGE

Filter products list by color, size, brand, etc…

Image Removed

request_for_quote

  • item_id

  • item_style_id

  • item_brand

  • item_model

  • item_finish

  • item_color

  • item_diameter

  • item_accent

  • item_name

  • item_quantity

  • vehicle_id

  • vehicle_make

  • vehicle_model

  • vehicle_submodel

  • vehicle_year

  • vehicle_body

  • vehicle_drw

  • vehicle_name

  • location_id

  • location_name

  • location_country

  • location_state

  • location_city

  • location_address

  • location_zip

  • location_phone

With this you can collect the data from the request for quotes and see popular stores, locations, products and vehicles.

  • item_id: Int. Product’s ID.

  • item_style_id: Int. Product’s style ID.

  • item_brand: String. Brand name of selected brand.

  • item_model: String. Model name of selected product.

  • item_finish: String. Finish name of selected product.

  • item_color: String. Color name of selected product.

  • item_diameter: Int. Diameter of selected product.

  • item_accent: String. Accent of selected product.

  • item_name: String. Large description for the product.

  • item_quantity: Int. Quantity of product requested.

    show_wheel_view

    This event is to track the interest to see better the products. This is for internal use, we can know whick view is more popular and do improvements on the UI and UX

    BUILDER PAGE

    Hit on ‘Wheels’ button on the gray navegation bar.

    image-20240307-221020.pngImage Added

    Will be switched to wheel view.

    as_select_filter

    • filter_name

    • filter_value

    To know preferred products visual filters and sizes.

    • filter_name: String. Filter name.

    • filter_value: String. Value to filter products.

    BUILDER PAGE

    Filter products list by color, size, brand, etc…

    image-20240307-221114.pngImage Added

    as_request_for_quote

    • vehicle_id

    • vehicle_make

    • vehicle_model

    • vehicle_submodel

    • vehicle_year

    • vehicle_body

    • vehicle_drw

    • vehicle_name

    • location_id

    • location_name

    • location_country

    • location_state

    • location_city

    • location_address

    • location_zip

    • location_phone

    • type

    • url

    • data

    • requestType

    • products

    • services

    With this you can collect the data from the request for quotes and see popular stores, locations, products and vehicles.

    • vehicle_id: Int. Vehicle selected ID

    • vehicle_make : String. Make name of selected vehicle.

    • vehicle_model: String. Model name of selected vehicle

    • vehicle_submodel: String. Submodel name of selected vehicle

    • vehicle_year: Int. Year of the selected vehicle.

    • vehicle_body: String. Body type of selected vehicle.

    • vehicle_drw: Boolean. If the vehicle is dually or not.

    • vehicle_name: String. Large description for the vehicle. Year, Make, Model and Body type.

    • location_id: Int. Id of the location on our administration portal.

    • location_name: String. Location’s name configured on our administration portal.

    • location_country: String. Location’s country name.

    • location_

    id
    • state:

    Int. Id of the location on our administration portal
    • String. Location’s state name.

    • location_

    name
    • city: String. Location’s city name

    configured on our administration portal
    • .

    • location_

    country
    • address: String. Location’s

    country name
    • address.

    • location_

    state: String. Location’s state name.
  • location_city: String. Location’s city name.

  • location_address: String. Location’s address.

  • location_zip: String. Location’s zip code or postal code.
    • zip: String. Location’s zip code or postal code.

    • type: String. RFQ type: ‘Webform’ or ‘API’

    • url: String. Url used to send the RFQ

    • data:Object | String. Is the data sent to the request

    • requestType: String. POST or GET

    • products: Object. It will include a JSON with the product Id and the quantity

    • services: Object. It will include a JSON with the service Id, product Id and the quantity

    BUILDER PAGE (WHEEL VIEW)

    Sent a request for quote after fill all the information required.

    Image Removed

    When an user hits ‘Request for quote’ button.

  • item_name: String. Large description for the product.

  • item_id: Int. Product’s ID.

    image-20240307-221145.pngImage Added

    as_start_request_for_quote

    • item_id

    • item_name

    This event is for internal uses. We use it to track UI and UX

    BUILDER PAGE (WHEEL VIEW)

    Hit ‘Request for Quote’ button.

    Image Removed

    image-20240307-221201.pngImage Added

    as_request_location

    • location_query

    This works to know which location users are looking for

    .
    • location_query: String. Words used by the user to search locations.

    BUILDER PAGE (WHEEL VIEW)

    Image Removed

    show_wheel_details

    • item_id

    • item_name

    This event is to track the interest to know more about products.

    • item_name: String. Large description for the product.

    • item_id: Int. Product’s ID.

    .

    • location_query: String. Words used by the user to search locations.

    BUILDER PAGE (WHEEL VIEW)

    On wheel view hit on ‘Specifications’ button to see all the wheel information.

    Image RemovedImage Removed

    change_wheel_configuration

    Image Added

    as_show_wheel_details

    as_show_tire_details

    • item_id

    • item

    _namefilter
    • _name

    filter_value

    This

    helps

    event is to track

    configurations used for users

    the interest to know more about products.

    • item_name: String. Large description for the product.

    • item_id: Int. Product’s ID

    .
  • filter_name: String. Filter name.

  • filter_value: String. Value to filter products
    • .

    BUILDER PAGE (WHEEL VIEW)

    Change some wheel configuration.

    Image Removed

    On wheel view hit on ‘Specifications’ button to see all the wheel information.

    Image AddedImage Added

    as_share

    • item_brand

    • item_name

    • item_finish

    • tem_color

    • item_accent

    • item_diameter

    • item_style_id

    • item_id

    • vehicle_id

    • vehicle_make

    • vehicle_model

    • vehicle_submodel

    • vehicle_year

    • vehicle_type

    • vehicle_body

    • vehicle_drw

    • vehicle_name

    This helps to know wich vehicle and products configurations are getting shared.

    • item_brand: String. Brand name of selected brand.

    • item_name: String. Large description for the product.

    • item_finish: String. Finish name of selected product.

    • item_color: String. Color name of selected product.

    • item_accent: String. Accent of selected product.

    • item_diameter: Int. Diameter of selected product.

    • item_style_id: Int. Product’s style ID.

    • item_id: Int. Product’s ID.

    • vehicle_id: Int. Vehicle selected ID

    • vehicle_make : String. Make name of selected vehicle.

    • vehicle_model: String. Model name of selected vehicle

    • vehicle_submodel: String. Submodel name of selected vehicle

    • vehicle_year: Int. Year of the selected vehicle.

    • vehicle_body: String. Body type of selected vehicle.

    • vehicle_drw: Boolean. If the vehicle is dually or not.

    • vehicle_name: String. Large description for the vehicle. Year, Make, Model and Body type.

    BUILDER PAGE

    Hit on some of the ‘Share’ buttons.

    Image Removed

    image-20240307-221236.pngImage Added

    Image Modified

    Image Modified