How to insert JavaScript codes in articles?

Updated on: 2022-03-04
JavaScript codes
Advertisers' requirements are increasing. Most agencies want to measure the effectiveness of their activities, including the publication of articles. This requires embedding the appropriate code, which is not always easy. In this article, we will show you how to do it and what problems we may encounter. We will do it on the example of Content Management Systems commonly used in the administration panels of websites and portals.
Start earning money today.
Sign up for free

Traffic tracking and traffic analysis codes do not differ in the way they are inserted. Such code can be a script that counts traffic based on Google Analytics, an internal WhitePress® statistics system, or another proprietary solution. It is getting more popular that the code is to enable remarketing activities.

We want to show you, step by step, how to copy and paste the tracking script to the articles ordered by Advertisers. Since this code is always in java script, you can use some tips to implement the code properly.

1. Copy the tracking code

If you are a Publisher in WhitePress® and you have offers of articles with a tracking option, you probably get such an order sometimes. In an article like this, you will see the tracking code to copy, located at the bottom of the text: 

Tracking code in the article view

Copy this script by clicking the button and open your article website in other window.

1. Turn the view of your article editor to HTML 

All websites run on the basis of an HTML editor. To correctly place the javascript code in the body of the article, you must first switch to the HTML editing mode, i.e. the document source.

As you probably know, HTML view is very different from the usual view - for example in Wordpress blog the visual view of the article looks like this:

Visual view of the article - Wordpress

While the HTML view, which is placed under the "Text" button, looks like this:

Text view (HTML) in WordPress

Depending on the content editor used in the portal administration panel where the article is published, the buttons may look different. Sometimes you may need to find this option in the editor's menu or by right-clicking.

kod java script

After switching, we should see the HTML tags. We don't need to understand them, just make sure that there are acute <> brackets present in the text.

In next step, scroll the HTML text to the end. This is the place where the script should be pasted:

Where to paste the tracking code - WordPress screen

The last step is to paste the traffic tracking code. Correctly pasted code looks like this:

Java script tracking code in the article HTML view

After inserting the code, we can turn off the HTML source and save our article. If everything went well, the traffic tracking code will be included in the article body, and the statistics should count.

3. Common technical issues

Possible problems that should be consulted with the person technically responsible for the website:

  • In WordPress page, the pasted code is changing after saving. It happens a lot – JavaScript is not compatible with some WordPress versions, so you need to find a way to put the code outside the text view. One of the solutions is to use a special plugin: Embed code. Download the plugin to your WordPress and put the tracking code in the Custom Fields – for more specific instructions please read the description of the plugin.
  • Code pasting is disabled in the editor – the appropriate parameter must be set in the editor configuration.
  • The editor does not have any source switching button – an appropriate parameter must be added in the editor configuration.
  • After saving, the code is not inserted in the article. Perhaps the editor has a restriction in placing <script> tags in the content. You will need to change the options in the editor allowing for placing these tags).
  • After saving, the code looks the same, the quotation marks are changed (the editor may have the function of replacing quotation marks and angle brackets with entities that are only printable, but do not fulfill any function. You should disable the parameter responsible for converting special characters to entities in the editor configuration).
Your comments (0)
The WhitePress editors reserve the right to remove comments offensive to other people that contain vulgar words or do not relate to the subject matter of the subject matter.
The administrator of personal data is WhitePress sp. z o.o. with headquarters in Bielsko-Biała, ul. Legionów 26/28. Your personal data is processed for the marketing purposes of WhitePress sp. z o.o. and entities interested in marketing their own goods or services. The marketing objective of the commercial partners of WhitePress sp. z o.o. includes, among others, commercial information about conferences and training related to the content published in the Knowledge Base tab.

The legal basis for the processing of your personal data is the legitimate purpose pursued by the Administrator and its partners (Article 6 (1) (f) of the GDPR).

Users have the following rights: the right to request access to their data, the right to rectify it, the right to delete data, the right to limit processing and the right to transfer data. More information on the processing of your personal data, including your rights, can be found in our Privacy Policy.
Read all
  • No comments on this article yet.
The administrator of personal data is WhitePress sp. z o.o. with headquarters in Bielsko-Biała, ul. Legionów 26/28. Your personal data is processed for the marketing purposes of WhitePress sp. z o.o. and entities interested in marketing their own goods or services. The marketing objective of the commercial partners of WhitePress sp. z o.o. includes, among others, commercial information about conferences and training related to the content published in the Knowledge Base tab.

The legal basis for the processing of your personal data is the legitimate purpose pursued by the Administrator and its partners (Article 6 (1) (f) of the GDPR).

Users have the following rights: the right to request access to their data, the right to rectify it, the right to delete data, the right to limit processing and the right to transfer data. More information on the processing of your personal data, including your rights, can be found in our Privacy Policy.
Read more
Recommended articles