유튜브(YouTube) 모듈 ver. 1.1.1.
https://xe1.xpressengine.com/?mid=download&package_id=22753675
을 적용해 사용하고 있는데요 트위터 공유가 되지 않네요.
요리 조리 얼씨구 절씨구 해 보아도 도무지 해결이 되지 않네요.
모바일에서 공유 주소가 들어가게 하긴 했는데 긴 주소로 들어가고
누리집 주소가 붙어 나와서 삭제해야 하는 번거로움이 생깁니다.
주소도 스케치북 게시판과 다르게 길게 나오네요.
어디를 수정해야 되는지 도움 부탁드립니다.
--------------------
sns.js
(function($) {
"use strict";
$.fn.snspost = function(opts) {
var loc = "";
opts = $.extend({}, {type:"twitter", event:"click", content:""}, opts);
opts.content = encodeURIComponent(opts.content);
switch(opts.type) {
case "facebook":
loc = "http://www.facebook.com/share.php?t="+opts.content+"&u="+encodeURIComponent(opts.url||location.href);
break;
case "delicious":
loc = "http://www.delicious.com/save?v=5&noui&jump=close&url="+encodeURIComponent(opts.url||location.href)+"&title="+opts.content;
break;
case "twitter":
loc = "http://twitter.com/intent/tweet?url="+opts.content;
break;
case "google" :
loc = "http://plus.google.com/share?url="+encodeURIComponent(opts.url||location.href)+"?l=ko="+opts.content;
break;
}
this.bind(opts.event, function() {
window.open(loc);
return false;
});
};
$.snspost = function(selectors, action) {
$.each(selectors, function(key,val) {
$(val).snspost( $.extend({}, action, {type:key}) );
});
};
})(jQuery);
--------------------------------
_peruse.html
<div class="peruse">
<!--@if($video)-->
<div class="peruse_header">
<div class='youtubeMSkinDefaultInfo'>
<div style='font-size:20px'> {$video[snippet][title]} </div></div>
<p class="peruse_meta">
<span class="peruse_channel"><a href="{$video[channelUrl]}" target="_blank"> {$video[snippet][channelTitle]}</a></span>
<span class="peruse_date">{date("Y-m-d h:i:s", $video[snippet][kst])}</span>
</p>
</div>
<div class="peruse_contents">
<div class="peruse_player">
</div>
<div class="peruse_description">
<p>{nl2br($video[snippet][description])}</p>
</div>
</div>
<div class="peruse_footer">
<div class="peruse_sns">
<ul>
<li><a href="http://facebook.com/" class="facebook tooltip"><i class="xi-facebook"></i></a></li>
<li><a href="#" class="google"><i class="xi-google-plus"></i></a></li>
<li><a href="http://twitter.com/" class="twitter"> <i class="xi-twitter"></i></a></li>
</ul>
<script>
var sTitle = "{$video[snippet][title]}";
jQuery(function($){
$(".twitter").snspost({
type : "twitter",
content : sTitle + " {$video [fullUrl]}"
});
$(".facebook").snspost({
type : "facebook",
content : sTitle
});
$(".google").snspost({
type : "google",
content : sTitle
});
});
</script>
</div>
------------------
그리고 첨부 사진 파일 노출에 대해 찾아 보니 이걸 발견했는데
이걸 연구해 보면 노출이 가능한지 궁굼하네요.
살펴 보았는데 너무 어렵네요ㅠ
https://xetown.com/tips/214874
점심 때가 되었네요. 식사 맛있게 하시고요^^
그래도 다른 게시판 스킨에 나와 있는 링크 공유 방식을 차용해 이런 식으로 바꿔보면 어떨까 싶습니다.
$video [fullUrl]가 어떤 식으로 풀어지는지 모르겠지만 트위터에 공유될 때 & 같은 특수기호가 잘 변환이 되는 게 관건일 것 같습니다.
안 되면... 또 뭐 어딘가 길이 있겠죠 하하하하;;;;
loc = "http://twitter.com/intent/tweet?url="+opts.content;
=>
loc = "//twitter.com/share?text="+opts.content;
content : sTitle + " {$video [fullUrl]}"
=>
content : sTitle + "&url={$video [fullUrl]}"