I have successfully added event tracking to the banners on my website but I have a query that I cannot find an answer to after searching for hours.
Can I use UTM tracking alongside Event tracking?
The reason I ask this is because if a client advertises on the website using a banner but specifies a link such as - www.clientwebsite.com&utm_medium=display&utm_source=mywebsite.com&utm_campaign=Autumn+Collection&utm_term=Shoes - but my website code already has event tracking on it - would it work on both ends so that I see who clicked on the banner and the client could see the traffic from the banner to their site?
Below is the code that I am using to get track the clicks on the banner:
<a href="http://www.website.com" onClick="ga('send', 'event', 'Top Banner', 'Banner_Click', 'Example Top Banner');" target="_blank">
<img class="mid-banner" src="/images/banners/middle/companyname_banner_month_year1.jpg" />
</a>
So basically the code would be:
<a href="http://www.clientwebsite.com&utm_medium=display&utm_source=mywebsite.com&utm_campaign=Autumn+Collection&utm_term=Shoes" onClick="ga('send', 'event', 'Top Banner', 'Banner_Click', 'Example Top Banner');" target="_blank">
<img class="mid-banner" src="/images/banners/middle/companyname_banner_month_year1.jpg" />
</a>
Can I do that?
Any help would be much appreciated!
Cheers,
Dave
Yes. Event tracking is not bothered by parameters in the link URL, it is absolutely fine to use both.
The only thing you need avoid is UTM parameters for internal links to your site (since that would overwrite the original campaign info and start a new session) but that does not seem to be your use case; as long as the URL points to a third party site you are fine.
Related
simple task I supposed but maybe I missed something. I have added a 'click to chat' whatsapp link to my whatsapp icon on a wordpress website, but it redirects the user to a 'send to...' page instead of the individual's phone number's chat page. Did I missed anything here?
Whatsapp Icon on website linking to chat, once clicked the whatsapp icon, it redirects to 'send to...' page on whatsapp.
I have tried all these links below but they all redirect to the same 'send to...' on whatsapp:
https://wa.me/0123456789
Wa.me/0123456789
whatsapp://send?phone=0123456789
https://api.whatsapp.com/send?phone=0123456789
https://wa.link/xxxxx, where x is the unique code
*mobile number is just an example
header.php
removed
index.php
removed
UPDATED SOLUTION
Here's the documentation and answer for those who are using Porto theme and encounter the same whatsapp problem. Big thank you to the brilliant #Aneesh for helping.
https://www.portotheme.com/wordpress/porto/documentation/faq/how-to-fix-whatsapp-number-and-clicking-to-take-to-whatsapp-chat-on-header-and-footer/
I just checked, the href link starts with: whatsapp://send?text
Which asks for SEND TO option on the mobile screen. What you need to do is, remove whatsapp://send?text and just keep it as: https://wa.me/message/ASDFASDFASDF
In short, your current code looks like:
<a rel="nofollow" class="share-whatsapp" style="display:none" href="whatsapp://send?text=https://wa.me/message/ASDFASDFASDF" data-action="share/whatsapp/share" title="WhatsApp">WhatsApp</a>
How it needs to look like
<a rel="nofollow" class="share-whatsapp" style="display:none" href="https://wa.me/message/ASDFASDFASDF" data-action="share/whatsapp/share" title="WhatsApp">WhatsApp</a>
Try this, and do let me know if you've any more issues.
Note: For the sake of privacy, I've changed the letters are /message/ to ASDFASDFASDF, please replace it with original link.
How to enable images to be shown when a link is shared in whatsapp? Like the link above from amprandom.blogspot.com.
OG tags modified as needed. Still does not show images. How to get it work?
You can use the Sharing Debugger to see the information that is used when your website content is shared on Facebook, Messenger and other places. The Batch Invalidator will let you refresh this information for multiple URLs at the same time. Open Graph markup lets you take control over how your website content appears to others.
Reference: https://developers.facebook.com/tools/debug/
Steps:
Add needed og tags ex. og:title, og:image, etc in your website code.
After adding necessary tags, go to Sharing Debugger and enter your website URL there.
Click on Debug. It will show all the data scrapped by it and refreshes them.
Next time you share your website/link, it will scrap metadata added to it.
Edit:
You need to add itemprop to the og:image meta-tag
Ex: change value of url_image to your image/ logo/ favicon url.
<meta property="og:image" itemprop="image" content="url_image">
Thumbnail schema from schema.org inside for WhatsApp
<link itemprop="thumbnailUrl" href="url_image">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="url_image">
</span>
in my website http://youmark.it/ I have in the home page post and in all other single post pages the same number of like, also the send button once you click is showing the Facebook Page url and not the Post url.
I have integrated all stuff for open graph, if you look at the source code it seems to be ok but still doesn't work after few changes I did. Also in the Facebook Debug tool everything shows correct.
Does Facebook need time to get updated or am I doing something wrong?
You have all your like buttons “pointing” to the base URL of your website.
If you want them to like the individual article, then include the URL to that article in the href parameter of the <fb:like> tag.
Try to like this url: <?php the_permalink() ?> instead?
<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=...
???
I have a WordPress site, and in one page I have an iFrame which loads a MailChimp form. After completing the form and submitting the info, I have the option from MailChimp to return to your homepage, but when I click the link it just loads my entire site in the iFrame.
Is it possible to load the page in the main window when I click the link? I know I would have to have the attribute target="_parent" on the link, but how do I add that in MailChimp?
Best regards
Just do complete this old post with a possible solution: adding this little javascript on the page that mail chimp calls at the end will do the job
<script type="text/javascript">
// iframe breakout for mailchimp
if(this != top){
top.document.location.href = this.document.location.href;
}
</script>
i want to share my website news in facebook.
how can my visitor share my news in Their Facebook wall ??
The one you linked to simply is a link in the form:
http://www.facebook.com/share.php?u=http://www.yourlinkhere.com
Where you will automatically put your link into the bolded piece
Some Javascript that will do this is:
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>