What is the answer to this issue where the entity name is required to directly come after the "&" in the entity reference?

Question

What is the answer to this issue where the entity name is required to directly come after the "&" in the entity reference?

Whenever I insert the code into my Blogger platform, an error pops up stating: The entity name must directly follow the '&' in the entity reference Here is the code:

<script>
if (typeof bc_blocks == "undefined" && window.bc_blocks === undefined) {
    var bc_blocks = document.getElementsByClassName("bigClickTeasersBlock");

  if (bc_blocks.length) {
    var bc_blocks_ids = [];

    for (var i=0; i<bc_blocks.length; i++) {
      var bc_el_id_str = bc_blocks[i].id;
      var bc_el_id = parseInt(bc_el_id_str.substring(bc_el_id_str.lastIndexOf("_") + 1));

      if (bc_el_id>0) {
        bc_blocks_ids.push(bc_el_id)
      }
    }

if (bc_blocks_ids.length&&bc_blocks_ids.length<5) {
 var bc_scr = document.createElement("script");
 bc_scr.src = "https://trandgid.com/lhzbsrfkjf/js/" + bc_blocks_ids.join("/") + "?r=" + encodeURIComponent(document.referrer) + 
 "&" + Math.round(Math.random()*99999);
 bc_scr.setAttribute("async","");
 document.body.appendChild(bc_scr)
       }
    }
  } 
</script>

I am attempting to display an advertisement on my webpage.

javascript html css

Answer 1

Answer №1

The issue you're facing with Blogger is connected to how you are attempting to incorporate an external script. Blogger likely imposes restrictions on the characters permissible in the URL for security purposes.

Here's where your code is falling short:

```
encodeURIComponent(document.referrer)
```
: This particular line encodes the referrer URL, which may contain special characters such as &. When you append "&" after that, it generates an invalid entity reference because the "&" is interpreted as the beginning of an HTML entity rather than a literal character.

To make the code compatible with Blogger, here are potential solutions:

Option 1: Utilize a redirect script

Create a new HTML file containing the following code:

<script>
  var bc_blocks_ids = [/* Your ad ids here */]; // Replace with your actual ad IDs
  var redirectUrl = "https://trandgid.com/lhzbsrfkjf/js/" + bc_blocks_ids.join("/") + "?r=" + encodeURIComponent(document.referrer) + "&" + Math.round(Math.random()*99999);
  window.location.replace(redirectUrl);
</script>

Upload this HTML file to your web server.
In Blogger, instead of embedding the original script, add an HTML gadget and paste the following code:

<iframe src="**Your uploaded script URL**" width="1" height="1" style="display:none;"></iframe>

Option 2: Adjust the original script (Less secure)

Note: The second option might go against Blogger's terms of service. It is advisable to opt for option 1 for enhanced security.

Modify the line:

+"&" + Math.round(Math.random()*99999);

to:

"%26" + Math.round(Math.random()*99999);

This substitution changes the & character into its encoded form (%26).

Essential Note: Altering Blogger's built-in functionalities could potentially breach their terms of service. It is strongly advised to adhere to approved ad serving methods. Prior to implementing any custom solution, ensure to consult Blogger's documentation regarding approved ad serving methods.

These strategies should rectify the error and enable you to insert the ad on your Blogger page. Always bear in mind to follow Blogger's directives when incorporating custom scripts and features.

Answer 2

The issue you're facing with Blogger is connected to how you are attempting to incorporate an external script. Blogger likely imposes restrictions on the characters permissible in the URL for security purposes.

Here's where your code is falling short:

```
encodeURIComponent(document.referrer)
```
: This particular line encodes the referrer URL, which may contain special characters such as &. When you append "&" after that, it generates an invalid entity reference because the "&" is interpreted as the beginning of an HTML entity rather than a literal character.

To make the code compatible with Blogger, here are potential solutions:

Option 1: Utilize a redirect script

Create a new HTML file containing the following code:

<script>
  var bc_blocks_ids = [/* Your ad ids here */]; // Replace with your actual ad IDs
  var redirectUrl = "https://trandgid.com/lhzbsrfkjf/js/" + bc_blocks_ids.join("/") + "?r=" + encodeURIComponent(document.referrer) + "&" + Math.round(Math.random()*99999);
  window.location.replace(redirectUrl);
</script>

Upload this HTML file to your web server.
In Blogger, instead of embedding the original script, add an HTML gadget and paste the following code:

<iframe src="**Your uploaded script URL**" width="1" height="1" style="display:none;"></iframe>

Option 2: Adjust the original script (Less secure)

Note: The second option might go against Blogger's terms of service. It is advisable to opt for option 1 for enhanced security.

Modify the line:

+"&" + Math.round(Math.random()*99999);

to:

"%26" + Math.round(Math.random()*99999);

This substitution changes the & character into its encoded form (%26).

Essential Note: Altering Blogger's built-in functionalities could potentially breach their terms of service. It is strongly advised to adhere to approved ad serving methods. Prior to implementing any custom solution, ensure to consult Blogger's documentation regarding approved ad serving methods.

These strategies should rectify the error and enable you to insert the ad on your Blogger page. Always bear in mind to follow Blogger's directives when incorporating custom scripts and features.

What is the answer to this issue where the entity name is required to directly come after the "&" in the entity reference?

Answer №1

Similar questions

Having an iframe at the bottom of the page is causing unnecessary white space below the

Adjusting font size, contrast, brightness, and sound levels on a website with the help of jQuery

Issue with the select element in Material UI v1

Failed submission: XMLHttpRequest and FormData not processing data correctly

Is there a way to efficiently line up and run several promises simultaneously while using just one callback function?

Is there a way to convert inline styling to CSS using Material-ui within a React component?

It's essential to ensure that this property remains responsive, whether through the data option or by initializing the property for class-based components

Converting an Array with Key-Value pairs to a JSON object using JavaScript

The absence of essential DOM types in a TypeScript project is causing issues

Printing an Iframe using Safari print with Javascript results in an empty output

How come I am able to send back several elements in react without the need to enclose them in a fragment

What is the best way to delete a nested child object using a specific identification number?

What is the best way to retain selection while clicking on another item using jQuery?

Applying box shadow to input group addon in Bootstrap 3 using CSS

The strict mode in React reveals unexpected changes in state with double rendering

After the checkbox is clicked, I must send a boolean value to the function through the input flag in AngularJS

Enhance jQuery event handling by adding a new event handler to an existing click event

Order Up: Vue Draggable Next feature keeps your lists in line

Resolving DataTables Error

Tips for choosing option values from the browser console in Angular