Step 1: Configure Campaign In MarketCall
Login into MarketCall account.
Click on Pay Per Call Offers
Select the offer which the user wants to use and click on it.
When offer is opened click on the button "Create a campaign"
On the Create a campaign page, the use have to enter the Campaign's name,
Click on the button "Get a phone number"
Select your Trafic sources
Add Advertising Materials
Agree to to the terms and conditions.
Click "Create and submit for moderation" to submit for approval to MarketCall.
Then on the left menu click Call Tracking and select "Sites"
On the Sites page click on the "Add a Site" button
On the Add a Site form:
Enter your Site or Landing page
Enter the Max Tracking Numbers
Select Session Duration.
For the Number Substitution select "DOM Selector" and for the Phone Number
Format should select this format
(xxx) xxx-xxxx
IMPORTANT: The number should be displayed in this format on the Landing Page: (xxx) xxx-xxxx
Then click the "Add" button.
After when the site is added click on the code icons like in the image below:
(Click Call Tracking on menu then click Sites and you will see your sites)
In the popup screen in the field "Campaign", select the campaign. MarketCall will generate the tracking script.
Ensure the Phone Number Format is EXACTLY like this:
(xxx) xxx-xxxx
IMPORTANT:
From the script that MarketCall provides you, you need to get the campaign number and site number and insert those into the script below.
In the script below, change the following below with the actual campaign number and site number.
REPLACE_WITH_SITE_NUMBER
REPLACE_WITH_CAMPAIGN_NUMBER
<script>
(function(w, d, s, o, f) {
w[o] = w[o] ||
function() { (w[o].q = w[o].q || []).push(arguments);
};
var js = d.createElement(s),
fjs = d.getElementsByTagName(s)[0];
js.id = o;
js.async = 1;
js.src = f;
fjs.parentNode.insertBefore(js, fjs);
})(window, document, 'script', 'mcc', 'https://marketcall.com/js/mc-calltracking.js'); (function() {
mcc('init', {
site: REPLACE_WITH_SITE_NUMBER,
serviceBaseUrl: 'https://www.marketcall.com'
});
const tokenValue = cometToken();
mcc('requestTrackingNumber', {
campaign: 'REPLACE_WITH_CAMPAIGN_NUMBER',
selector: [{
type: 'dom',
value: "a[href^='tel:']"
}],
mask: '(xxx) xxx-xxxx',
subid: tokenValue
});
})();
</script>
Here's an example of what the script should look like
Here's an example of what the script should look like
(DO NOT ADD THIS SCRIPT TO YOUR LANDING PAGE, IT'S AN EXAMPLE)
<script>
(function(w, d, s, o, f) {
w[o] = w[o] ||
function() { (w[o].q = w[o].q || []).push(arguments);
};
var js = d.createElement(s),
fjs = d.getElementsByTagName(s)[0];
js.id = o;
js.async = 1;
js.src = f;
fjs.parentNode.insertBefore(js, fjs);
})(window, document, 'script', 'mcc', 'https://marketcall.com/js/mc-calltracking.js'); (function() {
mcc('init', {
site: 2152,
serviceBaseUrl: 'https://www.marketcall.com'
});
const tokenValue = cometToken();
mcc('requestTrackingNumber', {
campaign: '329877',
selector: [{
type: 'dom',
value: "a[href^='tel:']"
}],
mask: '(xxx) xxx-xxxx',
subid: tokenValue
});
})();
</script>
Step 2: Adding Scripts To Your Landing Page
After you have added the campaign number and site number to the script, navigate to your web page builder and add the script into the <head> of the page.
Almost every page builder has the ability to add custom scripts to the landing page, please consult your page builder if you need help finding where to add.
After the script has been added, you now need to add an additional script to the page, the Cometly script.
Login to your Cometly account, and click Space Setup > Install & Verify Cometly Pixel
Scroll to the bottom of the page and copy the Cometly script.
Add the Cometly script ABOVE the script that you previous added. The Cometly script should be at the very top of the <head> code section.
Step 3: Configure Your Landing Page Button
In the BUTTON CONFIG section, add Button text. You can have whatever you want to have there for the call to action.
In the BUTTON ACTION ON CLICK section, ensure that you have the link set to:
tel:
The number will dynamically be added to the button when you test the landing page after you have saved the page. Ensure that you do test to ensure it's working properly.
If the Dynamic Call Number on Your Button Looks Unstyled or Doesn’t Match the Button Design
In ClickFunnels or other website builders, the dynamic call number sometimes inherits default styles that don’t match your button. To fix this, you can overwrite the styling with CSS.
How to Fix:
For ClickFunnels, go to Settings > Show Code > CSS (or the equivalent custom CSS section in your builder).
Add custom CSS that targets your button and dynamic call number text.
You can customize all styling of the button by changing the CSS below.
Example CSS:
/* Restore CF look for the phone button text */
.id-6Z-9WDQAG-2 a.elButton[href^="tel:"] {
text-decoration: none !important;
color: var(--style-guide-button-style1-text-color, #fff) !important;
/* Text styling to avoid the “thinner numbers” issue */
font-family: var(--style-guide-font-family-content, "Open Sans", sans-serif);
font-weight: 600; /* make digits thicker; use 400 if you want normal */
font-size: 20px; /* matches CF style-1 */
line-height: 1; /* matches CF style-1 */
letter-spacing: 0;
}
/* Keep text white on states */
.id-6Z-9WDQAG-2 a.elButton[href^="tel:"]:hover,
.id-6Z-9WDQAG-2 a.elButton[href^="tel:"]:active,
.id-6Z-9WDQAG-2 a.elButton[href^="tel:"]:visited {
color: var(--style-guide-button-style1-text-color, #fff) !important;
}
Step 4: Setup Postback URL to send data to Cometly
Login to Cometly and navigate to Integrations on the left menu.
Find the MarketCall integration.
On the MarketCall page click the button Activate MarketCall.
After the activation, copy the postback url:
You can map the postback URL data to automatically send into Cometly as any event. By default it's set to the Contact event. You can create custom events if you prefer for it to map to a custom event.
Then go back to MarketCall account and on the left menu click on "Automation" and select "Postbacks".
On the Postback page click "Add a Postback" button.
Configure the postback URL:
Select Custom
For Object, select Call
HTTP Method, select GET
For Trigger, select Status
For Status, select All
Select your Campaign that you configured
Enter your postback URL that you copied from Cometly
Scroll down on the page and add in the following parameters:
subid
earn
caller_id
calldate_timestamp
subid | {subid} |
earn | {earn} |
caller_id | {caller_id} |
calldate_timestamp | {calldate_timestamp} |
Like this below:
Then scroll down to the bottom and click Create.
After that everything is set and Cometly is ready to receive and process postbacks from MarketCall.
Step 5: UTM Parameters for tracking the ads in Cometly
Ensure you are using the standard Cometly UTM parameters that are located inside your Cometly account in your settings area.
For Meta, here are the URL parameters to use:
comet_source={{site_source_name}}&comet_ad_id={{ad.id}}&comet_placement={{placement}}
If you need guidance on where to add URL parameters in your Meta Ads, please refer to this resource guide.
