Как изменить изображения метатегов при публикации сообщения в социальных сетях в зависимости от URL-адреса с помощью jquery?

Question

Мне нужно найти способ изменить изображения содержимого метатега в теге HTML-страницы в зависимости от того, соответствует ли URL определенному слову.

Мне удалось изменить изображения содержимого метатега, чтобы делиться статьями в твиттере, фейсбуке, связанных местах и ​​т. Д., Однако это всегда одна и та же картинка.

Мой клиент хочет изменить изображение в зависимости от публикации, чтобы поделиться.Мне нужно будет создать функцию с различными параметрами, чтобы проверить, соответствует ли URL-адрес определенной строке, динамически изменяет содержимое в метатегах.Как я могу сделать это с помощью jquery?или любые другие предложения приветствуются!

    var imgSrc = $('property[og="image:url"]').attr("content");
    var currentUrl = window.location.href ;


    if(currentUrl.toLowerCase().indexOf('certain string in url') >= 0) {

        imgSrc = 'url of image';

    } else {
        imgSrc = "another url"
    };

Answer 1

Исходя из существующего кода, вы устанавливаете значение переменной imgSrc.
Чтобы обновить метатег, вам необходимо сбросить его атрибут content.

Я рекомендую сохранить ссылку на элемент, чтобы вам не пришлось выбирать ее снова:

var $metaOgImage = $('property[og="image:url"]');
var currentUrl = window.location.href;

if (currentUrl.toLowerCase().indexOf('certain string in url') >= 0) {
  $metaOgImage.attr('content', 'url of image');
} else {
  $metaOgImage.attr('content', 'another url');
};