🧩Criczop Web Widget

Learn everything there is to know about the Criczop Web Widget: bring fresh cricket content to your users and grow your revenue from our revenue-sharing program!

About the widget

The Criczop Web Widget is a free, easy-to-integrate cricket widget that any website can install in under 10 minutes.

Key features

  • Completely Free: No cost for any website.

  • Quick Installation: Get up and running in less than 10 minutes.

  • Highly Customizable: Tailor the widget’s UI to seamlessly match your site’s look and feel.

  • Revenue Sharing: Earn revenue by participating in Criczop’s monetization program.

Live updates

The Criczop Web Widget stands out for its dynamic live updates that keep your users engaged with fresh cricket action.

When first loaded, it displays default text, such as “Latest cricket updates and more!”

But the magic happens soon after. Imagine a visitor browsing your page while India and Pakistan clash live. The moment Pakistan loses a wicket, the widget instantly updates to read: “IND vs PAK: Pakistan loses a wicket!” Clicking the widget takes the user straight to a page with live updates from that match.

As long as it’s visible, the widget refreshes at short intervals, delivering real-time cricket highlights right on your website. And when users click through to read more, they land on your Criczop Unique Link, ensuring you share in the ad revenue their visits generate.

Install the widget on your site

Here's what you need to do to install the Criczop Web Widget on your site:

Prerequisites

Before you install the widget on your site, you will need a Criczop . If you already have a Property ID, reach out to your Gamezop Account Manager to get the widget enabled for you.

If you don't have a Criczop Property ID, you can sign up to be a Gamezop Publisher!

Installation script

Install this code on your site:

< script src = "https://static.criczop.com/widgets/web-widget-v1.js" > < /script> <script>
window.criczopWidget.setInitConfig({
   visibility_state: "expanded", // set default UI state
   property_id: "your-property-id" // replace "your-property-id" with your Criczop Property ID
});<
/script>

If you want the widget to load up quickly on your site, then place the code given above within the head tags of your website.

Configuration options for widget initialisation

There are 2 values that you can configure on your front-end while initialising the Criczop Web Widget, within window.criczopWidget.setInitConfig()

Key
Possible / expected values

visibility_state

Defines the default visibility state of the widget. You can pass any one from 3 supported values: 1. expanded: The Widget is fully expanded and visible to the user when loaded. 2. docked: The Widget is docked to the right side of the page when loaded. 3. off: The Widget will not be visible to the user when loaded. You have to use the window.criczopWidget.updateConfig() function to update the visibility state and make the widget visible. You can see references images of these states here.

property_id

Your Criczop Property ID.

Updating the widget's visibility state

There may be scenarios where you want to dynamically control the visibility of the Criczop Web Widget. For example:

  • Hide the widget on specific pages of your website

  • Keep the widget docked by default, but automatically expand it on cricket-related pages

To achieve this, the Criczop Web Widget provides the updateConfig() method. You can call this method on the window object as shown below:

window.criczopWidget.updateConfig({visibility_state: "off"});

In this function, the visibility_state field can accept any of these values:

More resources

Here are links to useful resources on the Criczop Web Widget:

Last updated

Was this helpful?