2017-05-24 1 views
10

사용자가 내 웹 사이트의 콘텐츠를 공유 할 때 종종 미리보기 이미지에 나타나는 이미지는 이미지 자체가 아닌 웹 사이트의 로고입니다.썸네일에 대한 내 로고를 무시하도록 Reddit에 지시하려면 어떻게해야합니까?

어떻게 로고를 무시하도록 reddit에 알릴 수 있습니까?

많은 이미지를 검색하여 og image 메타 태그와 함께 사용할 이미지 reddit을 지정하는 방법에 대한 답변을 찾았지만 내 웹 사이트가 UGC의 일부이기 때문에이를 수행 할 수 없습니다. 즉 절대적인 모든 이미지의 URL. 예를 들어

: reddit not pulling scraping image on link post

편집 :

이 내 말에 작동하지 않는 것 같습니다. 그것은 당신 일에 효과가 있습니까?

<script> 
function img_find() { 
    var imgs = document.getElementsByTagName("img"); 
    var imgSrcs = []; 

    for (var i = 0; i < imgs.length; i++) { 
     imgSrcs.push(imgs[i].src); 
    } 

    return imgSrcs; 
}var result = img_find(); 
$("meta[property='og:image']").attr("content", result[1]); 
</script> 
+0

문제점을 완전히 이해하지 못했습니다. 이미지 URL/reddit에 지정할 이미지를 모른다면 reddit은 어떻게 알 수 있습니까? –

+0

@kn 제가 분명하지 않을 수도 있습니다. 사용자가 내 웹 사이트에 이미지를 업로드하면 이름이 긴 숫자의 영숫자로 무작위 화됩니다. 따라서 절대 URL은'website.com/page/fhj2kdshf4aje3dshfla8sdhfsjd'와 같이'fhj2kdshf4aje3dshfla8sdhfsjd'가 이미지입니다. 내 문제는'meta' 태그'og : image'가 현재 이미지의 절대 URL을 가리 키도록 지정하는 방법을 모른다는 것입니다 : /'window.href'는 나에게'website.com/page/ ',하지만 이미지 이름을 얻으려면 어떻게해야합니까? – Coder1000

+0

@kn 그래서 업로드 된 이미지가 웹 사이트의 유일한 다른 이미지이므로 로고를 무시하도록 스 크레이퍼에게 알리는 방법이 없는지 궁금합니다. – Coder1000

답변

3

귀하의 코드

$("meta[property='og:image']").attr("content", result[1]); 

거의 솔루션입니다. 마지막 단계를 수행합시다. css_selector_of_the_img은 무엇입니까? 웹 사이트 로고가 있으니 이미지 주위에 HTML이 있다고 가정합니다. 이미지에 className이 있거나 컨테이너에 배치 된 것 같습니다. css_selector_of_the_imgdiv.content img 또는 img.uploaded이 될 수 있습니다. 그리고 img_find 함수를 버리십시오.

4

해결책을 찾았습니다.

property="og:image"<img>을 추가하고 싶습니다.

+0

reddit 시스템이 작동하는 방식에 대한 나의 이해에 따라 올바르지 않아야합니다. 왜 이것이 작동하는지 또는 내가 찾은 것에 따라 사용해서는 안되는 이유에 대한 추가 답변을 확인하고 게시 할 것입니다. – Pokechu22

+0

@ Pokechu22 Wonderful! 당신이 알아 낸 것을 보자! – Coder1000

+1

좋아, 나는 그것을 살펴 봤는데, 나는이 작품을 보지 못한다. [스크래핑 코드] (https://github.com/reddit/reddit/blob/master/r2/r2/lib/media.py#L706-L774)는 ''태그에 대해서만'og : image'를 찾습니다 사실, 내가 말할 수있는 한 OGP 문서에 따르면 그것이 유효한 유일한 곳이다). 따라서 이것은 유효하지 않으며 작동한다는 사실은 매우 이상합니다. 한 가지주의 할 사항 : "no image specified"코드로 넘어갈 수 있습니다.이 경우 reddit이 이미지를 추측합니다 (알고리즘 [여기] (https://github.com/reddit/reddit/blob/master)). /r2/r2/lib/media.py#L706-L774)). [계속] – Pokechu22

2

@Kosh Very의 답변은 og:image 태그를 jQuery를 사용하여 페이지의 첫 번째 이미지로 설정하는 것입니다.하지만 이것은 reddit의 스크레이퍼 기능 (스크래퍼에서 자바 스크립트를 실행할 수 있는지 여부)에 달려 있습니다.

다른 해결책은 정규식을 사용하여 UGC에서 이미지를 파싱하고 페이지 생성기에서 og:image URL로 사용하는 것입니다.

희망이 도움이됩니다.

+0

당신은 어떻게 해야할지 모르겠다. : D – Coder1000

+0

음, 당신은 자신의 웹 사이트를 만들었습니까? 또는 오픈 소스를 사용 했습니까? 나는 당신이 당신 자신의 것이라고 생각했다 : D – am05mhz

+0

나는 내 자신을 만들었다. 4000 줄의 코드. 하지만 "정규식을 사용하여 UGC에서 이미지를 파싱하는 것은 나에게 아무런 의미가 없습니다. ^^ 설명해 주시겠습니까? 어디에서 정규식을 사용해야합니까? – Coder1000

관련 문제