테스트 사이트 - 개발 중인 베타 버전입니다

인스타그램 본문 댓글에 불러오기 채택완료

시린♡ 4년 전 조회 2,070

https://sir.kr/g5_tip/8738 팁 보고 그동안 잘사용해왔는데

트위터는 잘되는데 인스타그램은 무언가 변경이 되었는지 불러오지를 못하네요.

혹시 해당 팁 이용하시는 분중에 잘되시나요?

변경된 무언가를 바꿔줘야할텐데 전문가님들의 손길이 필요 합니다. ㅠㅠ

</p>

<p>    $regex = '~(?:http|https|)(?::\/\/|)(?:www.|)(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/ytscreeningroom\?v=|\/feeds\/api\/videos\/|\/user\S*[^\w\-\s]|\S*[^\w\-\s]))([\w\-]{11})[a-z0-9;:@#?&%=+\/\$_.-]*~i';

    $str = preg_replace( $regex, '<iframe width="560" height="315" src="<a href="https://www.youtube.com/embed/$1"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/$1"</a> frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>', $str );

    $regex = "/(https?:\/\/www\.)?instagram\.com(\/p\/\w+\/?)/im";

    $str = preg_replace( $regex, '<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="<a href="https://www.instagram.com$2"" target="_blank" rel="noopener noreferrer">https://www.instagram.com$2"</a> data-instgrm-version="8"><span style="font-size:20px;text-decoration:none;"> instagram.. <i class="fa fa-cog fa-spin"> </i></span></blockquote> <script async defer src="//www.instagram.com/embed.js"></script>', $str );

    $regex = "/(https?:\/\/(www\.)?)?twitter\.com\/(?:#!\/)?(\w+)\/status(es)?\/(\d+)/im";

    $str = preg_replace( $regex, '<blockquote class="twitter-tweet" data-lang="ko"> <a href="<a href="https://twitter.com/$3/status/$5"" target="_blank" rel="noopener noreferrer">https://twitter.com/$3/status/$5"</a> style="text-decoration:none"><span style="font-size:20px;"> twitter.. <i class="fa fa-cog fa-spin"> </i></span></blockquote><script async src="<a href="https://platform.twitter.com/widgets.js"" target="_blank" rel="noopener noreferrer">https://platform.twitter.com/widgets.js"</a> charset="utf-8"></script>', $str );</p>

<p>

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
4년 전

인스타 링크를 가지고 테스트해보세요.

 

1. 정규식이 잘 먹는지.

https://regex101.com/ 에 아래와 링크를 넣어서 2번째 그룹이 제대로 추출되는지 확인해 보세요.

</p>

<pre>
<code>/(https?:\/\/www\.)?instagram\.com(\/p\/\w+\/?)/im</code></pre>

<p>

 

2.  링크를 아래 부분에 그대로 넣어서 동작되는지 확인해 보세요.

</p>

<pre>
<code>data-instgrm-permalink="<a href="https://www.instagram.com$2"" target="_blank" rel="noopener noreferrer">https://www.instagram.com$2"</a></code></pre>

<p>

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인